/* Talktide ordered production CSS bundle v249. Source order matches index.html exactly. */

/* source: styles/vendor/tabler-icons/tabler-icons.min.css */
/*!
 * Tabler Icons 3.45.0 by tabler - https://tabler.io
 * License - https://github.com/tabler/tabler-icons/blob/main/LICENSE
 */@font-face{font-family:"tabler-icons-200";font-style:normal;font-weight:400;src:url("./vendor/tabler-icons/fonts/tabler-icons-200.woff2?v3.45.0") format("woff2"),url("./vendor/tabler-icons/fonts/tabler-icons-200.woff?") format("woff"),url("./vendor/tabler-icons/fonts/tabler-icons-200.ttf?v3.45.0") format("truetype")}.ti{font-family:"tabler-icons-200" !important;speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.ti-a-b:before{content:"\ec36"}.ti-a-b-2:before{content:"\f25f"}.ti-a-b-off:before{content:"\f0a6"}.ti-abacus:before{content:"\f05c"}.ti-abacus-off:before{content:"\f3b6"}.ti-abc:before{content:"\f567"}.ti-access-point:before{content:"\ed1b"}.ti-access-point-off:before{content:"\ed1a"}.ti-accessible:before{content:"\eba9"}.ti-accessible-off:before{content:"\f0a7"}.ti-acorn:before{content:"\10255"}.ti-acrobatic:before{content:"\10254"}.ti-activity:before{content:"\ed23"}.ti-activity-heartbeat:before{content:"\f0db"}.ti-ad:before{content:"\ea02"}.ti-ad-2:before{content:"\ef1f"}.ti-ad-circle:before{content:"\f79e"}.ti-ad-circle-off:before{content:"\f79d"}.ti-ad-off:before{content:"\f3b7"}.ti-address-book:before{content:"\f021"}.ti-address-book-off:before{content:"\f3b8"}.ti-adjustments:before{content:"\ea03"}.ti-adjustments-alt:before{content:"\ec37"}.ti-adjustments-bolt:before{content:"\f7fb"}.ti-adjustments-cancel:before{content:"\f7fc"}.ti-adjustments-check:before{content:"\f7fd"}.ti-adjustments-code:before{content:"\f7fe"}.ti-adjustments-cog:before{content:"\f7ff"}.ti-adjustments-dollar:before{content:"\f800"}.ti-adjustments-down:before{content:"\f801"}.ti-adjustments-exclamation:before{content:"\f802"}.ti-adjustments-heart:before{content:"\f803"}.ti-adjustments-horizontal:before{content:"\ec38"}.ti-adjustments-minus:before{content:"\f804"}.ti-adjustments-off:before{content:"\f0a8"}.ti-adjustments-pause:before{content:"\f805"}.ti-adjustments-pin:before{content:"\f806"}.ti-adjustments-plus:before{content:"\f807"}.ti-adjustments-question:before{content:"\f808"}.ti-adjustments-search:before{content:"\f809"}.ti-adjustments-share:before{content:"\f80a"}.ti-adjustments-spark:before{content:"\ffbe"}.ti-adjustments-star:before{content:"\f80b"}.ti-adjustments-up:before{content:"\f80c"}.ti-adjustments-x:before{content:"\f80d"}.ti-aerial-lift:before{content:"\edfe"}.ti-affiliate:before{content:"\edff"}.ti-ai:before{content:"\fee7"}.ti-ai-agent:before{content:"\101f9"}.ti-ai-agents:before{content:"\101f8"}.ti-ai-gateway:before{content:"\101f7"}.ti-air-balloon:before{content:"\f4a6"}.ti-air-conditioning:before{content:"\f3a2"}.ti-air-conditioning-disabled:before{content:"\f542"}.ti-air-traffic-control:before{content:"\fb01"}.ti-alarm:before{content:"\ea04"}.ti-alarm-average:before{content:"\fc9e"}.ti-alarm-minus:before{content:"\f630"}.ti-alarm-off:before{content:"\f0a9"}.ti-alarm-plus:before{content:"\f631"}.ti-alarm-smoke:before{content:"\100b6"}.ti-alarm-snooze:before{content:"\f632"}.ti-album:before{content:"\f022"}.ti-album-off:before{content:"\f3b9"}.ti-alert-circle:before{content:"\ea05"}.ti-alert-circle-off:before{content:"\fc65"}.ti-alert-hexagon:before{content:"\f80e"}.ti-alert-hexagon-off:before{content:"\fc66"}.ti-alert-octagon:before{content:"\ecc6"}.ti-alert-small:before{content:"\f80f"}.ti-alert-small-off:before{content:"\fc67"}.ti-alert-square:before{content:"\f811"}.ti-alert-square-rounded:before{content:"\f810"}.ti-alert-square-rounded-off:before{content:"\fc68"}.ti-alert-triangle:before{content:"\ea06"}.ti-alert-triangle-off:before{content:"\fc69"}.ti-alien:before{content:"\ebde"}.ti-align-box-bottom-center:before{content:"\f530"}.ti-align-box-bottom-left:before{content:"\f531"}.ti-align-box-bottom-right:before{content:"\f532"}.ti-align-box-center-bottom:before{content:"\facb"}.ti-align-box-center-middle:before{content:"\f79f"}.ti-align-box-center-stretch:before{content:"\facc"}.ti-align-box-center-top:before{content:"\facd"}.ti-align-box-left-bottom:before{content:"\f533"}.ti-align-box-left-middle:before{content:"\f534"}.ti-align-box-left-stretch:before{content:"\face"}.ti-align-box-left-top:before{content:"\f535"}.ti-align-box-right-bottom:before{content:"\f536"}.ti-align-box-right-middle:before{content:"\f537"}.ti-align-box-right-stretch:before{content:"\facf"}.ti-align-box-right-top:before{content:"\f538"}.ti-align-box-top-center:before{content:"\f539"}.ti-align-box-top-left:before{content:"\f53a"}.ti-align-box-top-right:before{content:"\f53b"}.ti-align-center:before{content:"\ea07"}.ti-align-justified:before{content:"\ea08"}.ti-align-left:before{content:"\ea09"}.ti-align-left-2:before{content:"\ff00"}.ti-align-right:before{content:"\ea0a"}.ti-align-right-2:before{content:"\feff"}.ti-alpha:before{content:"\f543"}.ti-alphabet-arabic:before{content:"\ff2f"}.ti-alphabet-bangla:before{content:"\ff2e"}.ti-alphabet-cyrillic:before{content:"\f1df"}.ti-alphabet-greek:before{content:"\f1e0"}.ti-alphabet-hebrew:before{content:"\ff2d"}.ti-alphabet-korean:before{content:"\ff2c"}.ti-alphabet-latin:before{content:"\f1e1"}.ti-alphabet-polish:before{content:"\101b1"}.ti-alphabet-runes:before{content:"\101b0"}.ti-alphabet-thai:before{content:"\ff2b"}.ti-alt:before{content:"\fc54"}.ti-ambulance:before{content:"\ebf5"}.ti-ampersand:before{content:"\f229"}.ti-analyze:before{content:"\f3a3"}.ti-analyze-off:before{content:"\f3ba"}.ti-anchor:before{content:"\eb76"}.ti-anchor-off:before{content:"\f0f7"}.ti-angle:before{content:"\ef20"}.ti-ankh:before{content:"\f1cd"}.ti-antenna:before{content:"\f094"}.ti-antenna-bars-1:before{content:"\ecc7"}.ti-antenna-bars-2:before{content:"\ecc8"}.ti-antenna-bars-3:before{content:"\ecc9"}.ti-antenna-bars-4:before{content:"\ecca"}.ti-antenna-bars-5:before{content:"\eccb"}.ti-antenna-bars-off:before{content:"\f0aa"}.ti-antenna-off:before{content:"\f3bb"}.ti-aperture:before{content:"\eb58"}.ti-aperture-off:before{content:"\f3bc"}.ti-api:before{content:"\effd"}.ti-api-app:before{content:"\effc"}.ti-api-app-off:before{content:"\f0ab"}.ti-api-book:before{content:"\1020b"}.ti-api-off:before{content:"\f0f8"}.ti-app-window:before{content:"\efe6"}.ti-app-window-bottom:before{content:"\10278"}.ti-app-window-bottom-left:before{content:"\1027a"}.ti-app-window-bottom-right:before{content:"\10279"}.ti-app-window-center:before{content:"\10277"}.ti-apple:before{content:"\ef21"}.ti-apps:before{content:"\ebb6"}.ti-apps-off:before{content:"\f0ac"}.ti-archery-arrow:before{content:"\fc55"}.ti-archive:before{content:"\ea0b"}.ti-archive-off:before{content:"\f0ad"}.ti-armchair:before{content:"\ef9e"}.ti-armchair-2:before{content:"\efe7"}.ti-armchair-2-off:before{content:"\f3bd"}.ti-armchair-off:before{content:"\f3be"}.ti-arrow-autofit-content:before{content:"\ef31"}.ti-arrow-autofit-down:before{content:"\ef32"}.ti-arrow-autofit-height:before{content:"\ef33"}.ti-arrow-autofit-left:before{content:"\ef34"}.ti-arrow-autofit-right:before{content:"\ef35"}.ti-arrow-autofit-up:before{content:"\ef36"}.ti-arrow-autofit-width:before{content:"\ef37"}.ti-arrow-back:before{content:"\ea0c"}.ti-arrow-back-up:before{content:"\eb77"}.ti-arrow-back-up-double:before{content:"\f9ec"}.ti-arrow-badge-down:before{content:"\f60b"}.ti-arrow-badge-left:before{content:"\f60c"}.ti-arrow-badge-right:before{content:"\f60d"}.ti-arrow-badge-up:before{content:"\f60e"}.ti-arrow-bar-both:before{content:"\fadd"}.ti-arrow-bar-down:before{content:"\ea0d"}.ti-arrow-bar-left:before{content:"\ea0e"}.ti-arrow-bar-right:before{content:"\ea0f"}.ti-arrow-bar-to-down:before{content:"\ec88"}.ti-arrow-bar-to-down-dashed:before{content:"\10164"}.ti-arrow-bar-to-left:before{content:"\ec89"}.ti-arrow-bar-to-left-dashed:before{content:"\10163"}.ti-arrow-bar-to-right:before{content:"\ec8a"}.ti-arrow-bar-to-right-dashed:before{content:"\10162"}.ti-arrow-bar-to-up:before{content:"\ec8b"}.ti-arrow-bar-to-up-dashed:before{content:"\10161"}.ti-arrow-bar-up:before{content:"\ea10"}.ti-arrow-bear-left:before{content:"\f045"}.ti-arrow-bear-left-2:before{content:"\f044"}.ti-arrow-bear-right:before{content:"\f047"}.ti-arrow-bear-right-2:before{content:"\f046"}.ti-arrow-big-down:before{content:"\edda"}.ti-arrow-big-down-line:before{content:"\efe8"}.ti-arrow-big-down-lines:before{content:"\efe9"}.ti-arrow-big-left:before{content:"\eddb"}.ti-arrow-big-left-line:before{content:"\efea"}.ti-arrow-big-left-lines:before{content:"\efeb"}.ti-arrow-big-right:before{content:"\eddc"}.ti-arrow-big-right-line:before{content:"\efec"}.ti-arrow-big-right-lines:before{content:"\efed"}.ti-arrow-big-up:before{content:"\eddd"}.ti-arrow-big-up-line:before{content:"\efee"}.ti-arrow-big-up-lines:before{content:"\efef"}.ti-arrow-bounce:before{content:"\f3a4"}.ti-arrow-capsule:before{content:"\fade"}.ti-arrow-curve-left:before{content:"\f048"}.ti-arrow-curve-right:before{content:"\f049"}.ti-arrow-down:before{content:"\ea16"}.ti-arrow-down-bar:before{content:"\ed98"}.ti-arrow-down-circle:before{content:"\ea11"}.ti-arrow-down-dashed:before{content:"\1006a"}.ti-arrow-down-from-arc:before{content:"\fd86"}.ti-arrow-down-left:before{content:"\ea13"}.ti-arrow-down-left-circle:before{content:"\ea12"}.ti-arrow-down-rhombus:before{content:"\f61d"}.ti-arrow-down-right:before{content:"\ea15"}.ti-arrow-down-right-circle:before{content:"\ea14"}.ti-arrow-down-square:before{content:"\ed9a"}.ti-arrow-down-tail:before{content:"\ed9b"}.ti-arrow-down-to-arc:before{content:"\fd87"}.ti-arrow-elbow-left:before{content:"\f9ed"}.ti-arrow-elbow-right:before{content:"\f9ee"}.ti-arrow-fork:before{content:"\f04a"}.ti-arrow-fork-triple:before{content:"\10276"}.ti-arrow-forward:before{content:"\ea17"}.ti-arrow-forward-up:before{content:"\eb78"}.ti-arrow-forward-up-double:before{content:"\f9ef"}.ti-arrow-guide:before{content:"\f22a"}.ti-arrow-iteration:before{content:"\f578"}.ti-arrow-left:before{content:"\ea19"}.ti-arrow-left-bar:before{content:"\ed9c"}.ti-arrow-left-circle:before{content:"\ea18"}.ti-arrow-left-dashed:before{content:"\10069"}.ti-arrow-left-from-arc:before{content:"\fd88"}.ti-arrow-left-rhombus:before{content:"\f61e"}.ti-arrow-left-right:before{content:"\f04b"}.ti-arrow-left-square:before{content:"\ed9d"}.ti-arrow-left-tail:before{content:"\ed9e"}.ti-arrow-left-to-arc:before{content:"\fd89"}.ti-arrow-loop-left:before{content:"\ed9f"}.ti-arrow-loop-left-2:before{content:"\f04c"}.ti-arrow-loop-right:before{content:"\eda0"}.ti-arrow-loop-right-2:before{content:"\f04d"}.ti-arrow-merge:before{content:"\f04e"}.ti-arrow-merge-alt-left:before{content:"\fc9f"}.ti-arrow-merge-alt-right:before{content:"\fca0"}.ti-arrow-merge-both:before{content:"\f23b"}.ti-arrow-merge-left:before{content:"\f23c"}.ti-arrow-merge-right:before{content:"\f23d"}.ti-arrow-move-down:before{content:"\f2ba"}.ti-arrow-move-left:before{content:"\f2bb"}.ti-arrow-move-right:before{content:"\f2bc"}.ti-arrow-move-up:before{content:"\f2bd"}.ti-arrow-narrow-down:before{content:"\ea1a"}.ti-arrow-narrow-down-dashed:before{content:"\10068"}.ti-arrow-narrow-left:before{content:"\ea1b"}.ti-arrow-narrow-left-dashed:before{content:"\10067"}.ti-arrow-narrow-right:before{content:"\ea1c"}.ti-arrow-narrow-right-dashed:before{content:"\10066"}.ti-arrow-narrow-up:before{content:"\ea1d"}.ti-arrow-narrow-up-dashed:before{content:"\10065"}.ti-arrow-ramp-left:before{content:"\ed3c"}.ti-arrow-ramp-left-2:before{content:"\f04f"}.ti-arrow-ramp-left-3:before{content:"\f050"}.ti-arrow-ramp-right:before{content:"\ed3d"}.ti-arrow-ramp-right-2:before{content:"\f051"}.ti-arrow-ramp-right-3:before{content:"\f052"}.ti-arrow-right:before{content:"\ea1f"}.ti-arrow-right-bar:before{content:"\eda1"}.ti-arrow-right-circle:before{content:"\ea1e"}.ti-arrow-right-dashed:before{content:"\10064"}.ti-arrow-right-from-arc:before{content:"\fd8a"}.ti-arrow-right-rhombus:before{content:"\f61f"}.ti-arrow-right-square:before{content:"\eda2"}.ti-arrow-right-tail:before{content:"\eda3"}.ti-arrow-right-to-arc:before{content:"\fd8b"}.ti-arrow-rotary-first-left:before{content:"\f053"}.ti-arrow-rotary-first-right:before{content:"\f054"}.ti-arrow-rotary-last-left:before{content:"\f055"}.ti-arrow-rotary-last-right:before{content:"\f056"}.ti-arrow-rotary-left:before{content:"\f057"}.ti-arrow-rotary-right:before{content:"\f058"}.ti-arrow-rotary-straight:before{content:"\f059"}.ti-arrow-roundabout-left:before{content:"\f22b"}.ti-arrow-roundabout-right:before{content:"\f22c"}.ti-arrow-sharp-turn-left:before{content:"\f05a"}.ti-arrow-sharp-turn-right:before{content:"\f05b"}.ti-arrow-up:before{content:"\ea25"}.ti-arrow-up-bar:before{content:"\eda4"}.ti-arrow-up-circle:before{content:"\ea20"}.ti-arrow-up-dashed:before{content:"\10063"}.ti-arrow-up-from-arc:before{content:"\fd8c"}.ti-arrow-up-left:before{content:"\ea22"}.ti-arrow-up-left-circle:before{content:"\ea21"}.ti-arrow-up-rhombus:before{content:"\f620"}.ti-arrow-up-right:before{content:"\ea24"}.ti-arrow-up-right-circle:before{content:"\ea23"}.ti-arrow-up-square:before{content:"\eda6"}.ti-arrow-up-tail:before{content:"\eda7"}.ti-arrow-up-to-arc:before{content:"\fd8d"}.ti-arrow-wave-left-down:before{content:"\eda8"}.ti-arrow-wave-left-up:before{content:"\eda9"}.ti-arrow-wave-right-down:before{content:"\edaa"}.ti-arrow-wave-right-up:before{content:"\edab"}.ti-arrow-zig-zag:before{content:"\f4a7"}.ti-arrows-cross:before{content:"\effe"}.ti-arrows-diagonal:before{content:"\ea27"}.ti-arrows-diagonal-2:before{content:"\ea26"}.ti-arrows-diagonal-minimize:before{content:"\ef39"}.ti-arrows-diagonal-minimize-2:before{content:"\ef38"}.ti-arrows-diff:before{content:"\f296"}.ti-arrows-double-ne-sw:before{content:"\edde"}.ti-arrows-double-nw-se:before{content:"\eddf"}.ti-arrows-double-se-nw:before{content:"\ede0"}.ti-arrows-double-sw-ne:before{content:"\ede1"}.ti-arrows-down:before{content:"\edad"}.ti-arrows-down-up:before{content:"\edac"}.ti-arrows-exchange:before{content:"\f1f4"}.ti-arrows-exchange-2:before{content:"\f1f3"}.ti-arrows-horizontal:before{content:"\eb59"}.ti-arrows-join:before{content:"\edaf"}.ti-arrows-join-2:before{content:"\edae"}.ti-arrows-left:before{content:"\edb1"}.ti-arrows-left-down:before{content:"\ee00"}.ti-arrows-left-right:before{content:"\edb0"}.ti-arrows-maximize:before{content:"\ea28"}.ti-arrows-minimize:before{content:"\ea29"}.ti-arrows-move:before{content:"\f22f"}.ti-arrows-move-horizontal:before{content:"\f22d"}.ti-arrows-move-vertical:before{content:"\f22e"}.ti-arrows-random:before{content:"\f095"}.ti-arrows-right:before{content:"\edb3"}.ti-arrows-right-down:before{content:"\ee01"}.ti-arrows-right-left:before{content:"\edb2"}.ti-arrows-shuffle:before{content:"\f000"}.ti-arrows-shuffle-2:before{content:"\efff"}.ti-arrows-sort:before{content:"\eb5a"}.ti-arrows-split:before{content:"\edb5"}.ti-arrows-split-2:before{content:"\edb4"}.ti-arrows-transfer-down:before{content:"\f2cc"}.ti-arrows-transfer-up:before{content:"\f2cd"}.ti-arrows-transfer-up-down:before{content:"\ffac"}.ti-arrows-up:before{content:"\edb7"}.ti-arrows-up-down:before{content:"\edb6"}.ti-arrows-up-left:before{content:"\ee02"}.ti-arrows-up-right:before{content:"\ee03"}.ti-arrows-vertical:before{content:"\eb5b"}.ti-artboard:before{content:"\ea2a"}.ti-artboard-off:before{content:"\f0ae"}.ti-article:before{content:"\f1e2"}.ti-article-off:before{content:"\f3bf"}.ti-aspect-ratio:before{content:"\ed30"}.ti-aspect-ratio-off:before{content:"\f0af"}.ti-assembly:before{content:"\f24d"}.ti-assembly-off:before{content:"\f3c0"}.ti-asset:before{content:"\f1ce"}.ti-asterisk:before{content:"\efd5"}.ti-asterisk-simple:before{content:"\efd4"}.ti-at:before{content:"\ea2b"}.ti-at-off:before{content:"\f0b0"}.ti-atom:before{content:"\eb79"}.ti-atom-2:before{content:"\ebdf"}.ti-atom-off:before{content:"\f0f9"}.ti-augmented-reality:before{content:"\f023"}.ti-augmented-reality-2:before{content:"\f37e"}.ti-augmented-reality-off:before{content:"\f3c1"}.ti-auth-2fa:before{content:"\eca0"}.ti-automatic-gearbox:before{content:"\fc89"}.ti-automation:before{content:"\fef8"}.ti-avocado:before{content:"\fd8e"}.ti-award:before{content:"\ea2c"}.ti-award-off:before{content:"\f0fa"}.ti-axe:before{content:"\ef9f"}.ti-axis-x:before{content:"\ef45"}.ti-axis-y:before{content:"\ef46"}.ti-baby-bottle:before{content:"\f5d2"}.ti-baby-carriage:before{content:"\f05d"}.ti-background:before{content:"\fd2c"}.ti-backhoe:before{content:"\ed86"}.ti-backpack:before{content:"\ef47"}.ti-backpack-off:before{content:"\f3c2"}.ti-backslash:before{content:"\fab9"}.ti-backspace:before{content:"\ea2d"}.ti-badge:before{content:"\efc2"}.ti-badge-2k:before{content:"\100b5"}.ti-badge-3d:before{content:"\f555"}.ti-badge-3k:before{content:"\100b4"}.ti-badge-4k:before{content:"\f556"}.ti-badge-5k:before{content:"\100b3"}.ti-badge-8k:before{content:"\f557"}.ti-badge-ad:before{content:"\f558"}.ti-badge-ad-off:before{content:"\fd8f"}.ti-badge-ar:before{content:"\f559"}.ti-badge-cc:before{content:"\f55a"}.ti-badge-hd:before{content:"\f55b"}.ti-badge-off:before{content:"\f0fb"}.ti-badge-sd:before{content:"\f55c"}.ti-badge-tm:before{content:"\f55d"}.ti-badge-vo:before{content:"\f55e"}.ti-badge-vr:before{content:"\f55f"}.ti-badge-wc:before{content:"\f560"}.ti-badges:before{content:"\efc3"}.ti-badges-off:before{content:"\f0fc"}.ti-baguette:before{content:"\f3a5"}.ti-ball-american-football:before{content:"\ee04"}.ti-ball-american-football-off:before{content:"\f3c3"}.ti-ball-baseball:before{content:"\efa0"}.ti-ball-basketball:before{content:"\ec28"}.ti-ball-bowling:before{content:"\ec29"}.ti-ball-football:before{content:"\ee06"}.ti-ball-football-off:before{content:"\ee05"}.ti-ball-tennis:before{content:"\ec2a"}.ti-ball-volleyball:before{content:"\ec2b"}.ti-balloon:before{content:"\ef3a"}.ti-balloon-off:before{content:"\f0fd"}.ti-ballpen:before{content:"\f06e"}.ti-ballpen-off:before{content:"\f0b1"}.ti-ban:before{content:"\ea2e"}.ti-banana:before{content:"\10253"}.ti-bandage:before{content:"\eb7a"}.ti-bandage-off:before{content:"\f3c4"}.ti-barbell:before{content:"\eff0"}.ti-barbell-off:before{content:"\f0b2"}.ti-barcode:before{content:"\ebc6"}.ti-barcode-off:before{content:"\f0b3"}.ti-barrel:before{content:"\f0b4"}.ti-barrel-off:before{content:"\f0fe"}.ti-barrier-block:before{content:"\f00e"}.ti-barrier-block-off:before{content:"\f0b5"}.ti-baseline:before{content:"\f024"}.ti-baseline-density-large:before{content:"\f9f0"}.ti-baseline-density-medium:before{content:"\f9f1"}.ti-baseline-density-small:before{content:"\f9f2"}.ti-basket:before{content:"\ebe1"}.ti-basket-bolt:before{content:"\fb43"}.ti-basket-cancel:before{content:"\fb44"}.ti-basket-check:before{content:"\fb45"}.ti-basket-code:before{content:"\fb46"}.ti-basket-cog:before{content:"\fb47"}.ti-basket-discount:before{content:"\fb48"}.ti-basket-dollar:before{content:"\fb49"}.ti-basket-down:before{content:"\fb4a"}.ti-basket-exclamation:before{content:"\fb4b"}.ti-basket-heart:before{content:"\fb4c"}.ti-basket-minus:before{content:"\fb4d"}.ti-basket-off:before{content:"\f0b6"}.ti-basket-pause:before{content:"\fb4e"}.ti-basket-pin:before{content:"\fb4f"}.ti-basket-plus:before{content:"\fb50"}.ti-basket-question:before{content:"\fb51"}.ti-basket-search:before{content:"\fb52"}.ti-basket-share:before{content:"\fb53"}.ti-basket-star:before{content:"\fb54"}.ti-basket-up:before{content:"\fb55"}.ti-basket-x:before{content:"\fb56"}.ti-bat:before{content:"\f284"}.ti-bath:before{content:"\ef48"}.ti-bath-off:before{content:"\f0ff"}.ti-battery:before{content:"\ea34"}.ti-battery-1:before{content:"\ea2f"}.ti-battery-2:before{content:"\ea30"}.ti-battery-3:before{content:"\ea31"}.ti-battery-4:before{content:"\ea32"}.ti-battery-automotive:before{content:"\ee07"}.ti-battery-charging:before{content:"\ea33"}.ti-battery-charging-2:before{content:"\ef3b"}.ti-battery-eco:before{content:"\ef3c"}.ti-battery-exclamation:before{content:"\ff1d"}.ti-battery-off:before{content:"\ed1c"}.ti-battery-spark:before{content:"\ffbd"}.ti-battery-vertical:before{content:"\ff13"}.ti-battery-vertical-1:before{content:"\ff1c"}.ti-battery-vertical-2:before{content:"\ff1b"}.ti-battery-vertical-3:before{content:"\ff1a"}.ti-battery-vertical-4:before{content:"\ff19"}.ti-battery-vertical-charging:before{content:"\ff17"}.ti-battery-vertical-charging-2:before{content:"\ff18"}.ti-battery-vertical-eco:before{content:"\ff16"}.ti-battery-vertical-exclamation:before{content:"\ff15"}.ti-battery-vertical-off:before{content:"\ff14"}.ti-beach:before{content:"\ef3d"}.ti-beach-off:before{content:"\f0b7"}.ti-bed:before{content:"\eb5c"}.ti-bed-flat:before{content:"\fca1"}.ti-bed-off:before{content:"\f100"}.ti-beer:before{content:"\efa1"}.ti-beer-off:before{content:"\f101"}.ti-bell:before{content:"\ea35"}.ti-bell-bolt:before{content:"\f812"}.ti-bell-cancel:before{content:"\f813"}.ti-bell-check:before{content:"\f814"}.ti-bell-code:before{content:"\f815"}.ti-bell-cog:before{content:"\f816"}.ti-bell-dollar:before{content:"\f817"}.ti-bell-down:before{content:"\f818"}.ti-bell-exclamation:before{content:"\f819"}.ti-bell-heart:before{content:"\f81a"}.ti-bell-minus:before{content:"\ede2"}.ti-bell-off:before{content:"\ece9"}.ti-bell-pause:before{content:"\f81b"}.ti-bell-pin:before{content:"\f81c"}.ti-bell-plus:before{content:"\ede3"}.ti-bell-question:before{content:"\f81d"}.ti-bell-ringing:before{content:"\ed07"}.ti-bell-ringing-2:before{content:"\ede4"}.ti-bell-school:before{content:"\f05e"}.ti-bell-search:before{content:"\f81e"}.ti-bell-share:before{content:"\f81f"}.ti-bell-star:before{content:"\f820"}.ti-bell-up:before{content:"\f821"}.ti-bell-x:before{content:"\ede5"}.ti-bell-z:before{content:"\eff1"}.ti-beta:before{content:"\f544"}.ti-bible:before{content:"\efc4"}.ti-bike:before{content:"\ea36"}.ti-bike-off:before{content:"\f0b8"}.ti-binary:before{content:"\ee08"}.ti-binary-off:before{content:"\f3c5"}.ti-binary-tree:before{content:"\f5d4"}.ti-binary-tree-2:before{content:"\f5d3"}.ti-binoculars:before{content:"\fefe"}.ti-biohazard:before{content:"\ecb8"}.ti-biohazard-off:before{content:"\f0b9"}.ti-blade:before{content:"\f4bd"}.ti-bleach:before{content:"\f2f3"}.ti-bleach-chlorine:before{content:"\f2f0"}.ti-bleach-no-chlorine:before{content:"\f2f1"}.ti-bleach-off:before{content:"\f2f2"}.ti-blend-mode:before{content:"\feb0"}.ti-blender:before{content:"\fca2"}.ti-blind:before{content:"\101af"}.ti-blob:before{content:"\feaf"}.ti-blockquote:before{content:"\ee09"}.ti-blocks:before{content:"\100b2"}.ti-bluetooth:before{content:"\ea37"}.ti-bluetooth-connected:before{content:"\ecea"}.ti-bluetooth-off:before{content:"\eceb"}.ti-bluetooth-x:before{content:"\f081"}.ti-blur:before{content:"\ef8c"}.ti-blur-off:before{content:"\f3c6"}.ti-bmp:before{content:"\f3a6"}.ti-body-scan:before{content:"\fca3"}.ti-bold:before{content:"\eb7b"}.ti-bold-off:before{content:"\f0ba"}.ti-bolt:before{content:"\ea38"}.ti-bolt-off:before{content:"\ecec"}.ti-bomb:before{content:"\f59c"}.ti-bone:before{content:"\edb8"}.ti-bone-off:before{content:"\f0bb"}.ti-bong:before{content:"\f3a7"}.ti-bong-off:before{content:"\f3c7"}.ti-book:before{content:"\ea39"}.ti-book-2:before{content:"\efc5"}.ti-book-download:before{content:"\f070"}.ti-book-off:before{content:"\f0bc"}.ti-book-upload:before{content:"\f071"}.ti-bookmark:before{content:"\ea3a"}.ti-bookmark-ai:before{content:"\fc8a"}.ti-bookmark-edit:before{content:"\fa5e"}.ti-bookmark-minus:before{content:"\fa5f"}.ti-bookmark-off:before{content:"\eced"}.ti-bookmark-plus:before{content:"\fa60"}.ti-bookmark-question:before{content:"\fa61"}.ti-bookmarks:before{content:"\ed08"}.ti-bookmarks-off:before{content:"\f0bd"}.ti-books:before{content:"\eff2"}.ti-books-off:before{content:"\f0be"}.ti-boom:before{content:"\fdbe"}.ti-border-all:before{content:"\ea3b"}.ti-border-bottom:before{content:"\ea3c"}.ti-border-bottom-plus:before{content:"\fdbd"}.ti-border-corner-ios:before{content:"\fd98"}.ti-border-corner-pill:before{content:"\fd62"}.ti-border-corner-rounded:before{content:"\fd63"}.ti-border-corner-square:before{content:"\fd64"}.ti-border-corners:before{content:"\f7a0"}.ti-border-horizontal:before{content:"\ea3d"}.ti-border-inner:before{content:"\ea3e"}.ti-border-left:before{content:"\ea3f"}.ti-border-left-plus:before{content:"\fdbc"}.ti-border-none:before{content:"\ea40"}.ti-border-outer:before{content:"\ea41"}.ti-border-radius:before{content:"\eb7c"}.ti-border-right:before{content:"\ea42"}.ti-border-right-plus:before{content:"\fdbb"}.ti-border-sides:before{content:"\f7a1"}.ti-border-style:before{content:"\ee0a"}.ti-border-style-2:before{content:"\ef22"}.ti-border-top:before{content:"\ea43"}.ti-border-top-plus:before{content:"\fdba"}.ti-border-vertical:before{content:"\ea44"}.ti-bot-id:before{content:"\101f6"}.ti-bottle:before{content:"\ef0b"}.ti-bottle-off:before{content:"\f3c8"}.ti-bounce-left:before{content:"\f59d"}.ti-bounce-right:before{content:"\f59e"}.ti-bow:before{content:"\f096"}.ti-bowl:before{content:"\f4fa"}.ti-bowl-chopsticks:before{content:"\fd90"}.ti-bowl-spoon:before{content:"\fd91"}.ti-bowling:before{content:"\100b1"}.ti-box:before{content:"\ea45"}.ti-box-align-bottom:before{content:"\f2a8"}.ti-box-align-bottom-left:before{content:"\f2ce"}.ti-box-align-bottom-right:before{content:"\f2cf"}.ti-box-align-left:before{content:"\f2a9"}.ti-box-align-right:before{content:"\f2aa"}.ti-box-align-top:before{content:"\f2ab"}.ti-box-align-top-left:before{content:"\f2d0"}.ti-box-align-top-right:before{content:"\f2d1"}.ti-box-margin:before{content:"\ee0b"}.ti-box-model:before{content:"\ee0c"}.ti-box-model-2:before{content:"\ef23"}.ti-box-model-2-off:before{content:"\f3c9"}.ti-box-model-off:before{content:"\f3ca"}.ti-box-multiple:before{content:"\ee17"}.ti-box-multiple-0:before{content:"\ee0d"}.ti-box-multiple-1:before{content:"\ee0e"}.ti-box-multiple-2:before{content:"\ee0f"}.ti-box-multiple-3:before{content:"\ee10"}.ti-box-multiple-4:before{content:"\ee11"}.ti-box-multiple-5:before{content:"\ee12"}.ti-box-multiple-6:before{content:"\ee13"}.ti-box-multiple-7:before{content:"\ee14"}.ti-box-multiple-8:before{content:"\ee15"}.ti-box-multiple-9:before{content:"\ee16"}.ti-box-off:before{content:"\f102"}.ti-box-padding:before{content:"\ee18"}.ti-braces:before{content:"\ebcc"}.ti-braces-off:before{content:"\f0bf"}.ti-brackets:before{content:"\ebcd"}.ti-brackets-angle:before{content:"\fcb2"}.ti-brackets-angle-off:before{content:"\fcb1"}.ti-brackets-contain:before{content:"\f1e5"}.ti-brackets-contain-end:before{content:"\f1e3"}.ti-brackets-contain-start:before{content:"\f1e4"}.ti-brackets-off:before{content:"\f0c0"}.ti-braille:before{content:"\f545"}.ti-brain:before{content:"\f59f"}.ti-brand-4chan:before{content:"\f494"}.ti-brand-abstract:before{content:"\f495"}.ti-brand-adobe:before{content:"\f0dc"}.ti-brand-adobe-after-effects:before{content:"\ff2a"}.ti-brand-adobe-illustrator:before{content:"\ff29"}.ti-brand-adobe-indesign:before{content:"\ff28"}.ti-brand-adobe-photoshop:before{content:"\ff27"}.ti-brand-adobe-premiere:before{content:"\ff26"}.ti-brand-adobe-xd:before{content:"\ff25"}.ti-brand-adonis-js:before{content:"\f496"}.ti-brand-airbnb:before{content:"\ed68"}.ti-brand-airtable:before{content:"\ef6a"}.ti-brand-algolia:before{content:"\f390"}.ti-brand-alipay:before{content:"\f7a2"}.ti-brand-alpine-js:before{content:"\f324"}.ti-brand-amazon:before{content:"\f230"}.ti-brand-amd:before{content:"\f653"}.ti-brand-amie:before{content:"\ffab"}.ti-brand-amigo:before{content:"\f5f9"}.ti-brand-among-us:before{content:"\f205"}.ti-brand-android:before{content:"\ec16"}.ti-brand-angular:before{content:"\ef6b"}.ti-brand-ansible:before{content:"\fa70"}.ti-brand-ao3:before{content:"\f5e8"}.ti-brand-appgallery:before{content:"\f231"}.ti-brand-apple:before{content:"\ec17"}.ti-brand-apple-arcade:before{content:"\ed69"}.ti-brand-apple-news:before{content:"\ff24"}.ti-brand-apple-podcast:before{content:"\f1e6"}.ti-brand-appstore:before{content:"\ed24"}.ti-brand-arc:before{content:"\feae"}.ti-brand-asana:before{content:"\edc5"}.ti-brand-astro:before{content:"\fdb9"}.ti-brand-audible:before{content:"\10252"}.ti-brand-auth0:before{content:"\fcb3"}.ti-brand-aws:before{content:"\fa4c"}.ti-brand-azure:before{content:"\fa4d"}.ti-brand-backbone:before{content:"\f325"}.ti-brand-badoo:before{content:"\f206"}.ti-brand-baidu:before{content:"\f5e9"}.ti-brand-bandcamp:before{content:"\f207"}.ti-brand-bandlab:before{content:"\f5fa"}.ti-brand-beats:before{content:"\f208"}.ti-brand-bebo:before{content:"\ffaa"}.ti-brand-behance:before{content:"\ec6e"}.ti-brand-bilibili:before{content:"\f6d2"}.ti-brand-binance:before{content:"\f5a0"}.ti-brand-bing:before{content:"\edc6"}.ti-brand-bitbucket:before{content:"\edc7"}.ti-brand-blackberry:before{content:"\f568"}.ti-brand-blender:before{content:"\f326"}.ti-brand-blogger:before{content:"\f35a"}.ti-brand-bluesky:before{content:"\fd75"}.ti-brand-booking:before{content:"\edc8"}.ti-brand-bootstrap:before{content:"\ef3e"}.ti-brand-bulma:before{content:"\f327"}.ti-brand-bumble:before{content:"\f5fb"}.ti-brand-bunpo:before{content:"\f4cf"}.ti-brand-c-sharp:before{content:"\f003"}.ti-brand-cake:before{content:"\f7a3"}.ti-brand-cakephp:before{content:"\f7af"}.ti-brand-campaignmonitor:before{content:"\f328"}.ti-brand-carbon:before{content:"\f348"}.ti-brand-cashapp:before{content:"\f391"}.ti-brand-chrome:before{content:"\ec18"}.ti-brand-cinema-4d:before{content:"\fa71"}.ti-brand-citymapper:before{content:"\f5fc"}.ti-brand-cloudflare:before{content:"\fa4e"}.ti-brand-codecov:before{content:"\f329"}.ti-brand-codepen:before{content:"\ec6f"}.ti-brand-codesandbox:before{content:"\ed6a"}.ti-brand-cohost:before{content:"\f5d5"}.ti-brand-coinbase:before{content:"\f209"}.ti-brand-comedy-central:before{content:"\f217"}.ti-brand-coreos:before{content:"\f5fd"}.ti-brand-couchdb:before{content:"\f60f"}.ti-brand-couchsurfing:before{content:"\f392"}.ti-brand-cpp:before{content:"\f5fe"}.ti-brand-craft:before{content:"\fa72"}.ti-brand-crunchbase:before{content:"\f7e3"}.ti-brand-css3:before{content:"\ed6b"}.ti-brand-ctemplar:before{content:"\f4d0"}.ti-brand-cucumber:before{content:"\ef6c"}.ti-brand-cupra:before{content:"\f4d1"}.ti-brand-cypress:before{content:"\f333"}.ti-brand-d3:before{content:"\f24e"}.ti-brand-databricks:before{content:"\fc41"}.ti-brand-days-counter:before{content:"\f4d2"}.ti-brand-dcos:before{content:"\f32a"}.ti-brand-debian:before{content:"\ef57"}.ti-brand-deezer:before{content:"\f78b"}.ti-brand-deliveroo:before{content:"\f4d3"}.ti-brand-deno:before{content:"\f24f"}.ti-brand-denodo:before{content:"\f610"}.ti-brand-deviantart:before{content:"\ecfb"}.ti-brand-digg:before{content:"\fa73"}.ti-brand-dingtalk:before{content:"\f5ea"}.ti-brand-discord:before{content:"\ece3"}.ti-brand-disney:before{content:"\f20a"}.ti-brand-disqus:before{content:"\edc9"}.ti-brand-django:before{content:"\f349"}.ti-brand-docker:before{content:"\edca"}.ti-brand-doctrine:before{content:"\ef6d"}.ti-brand-dolby-digital:before{content:"\f4d4"}.ti-brand-douban:before{content:"\f5ff"}.ti-brand-dribbble:before{content:"\ec19"}.ti-brand-dropbox:before{content:"\1018a"}.ti-brand-drops:before{content:"\f4d5"}.ti-brand-drupal:before{content:"\f393"}.ti-brand-edge:before{content:"\ecfc"}.ti-brand-elastic:before{content:"\f611"}.ti-brand-electronic-arts:before{content:"\fa74"}.ti-brand-ember:before{content:"\f497"}.ti-brand-envato:before{content:"\f394"}.ti-brand-etsy:before{content:"\f654"}.ti-brand-evernote:before{content:"\f600"}.ti-brand-facebook:before{content:"\ec1a"}.ti-brand-feedly:before{content:"\fa75"}.ti-brand-figma:before{content:"\ec93"}.ti-brand-filezilla:before{content:"\fa76"}.ti-brand-finder:before{content:"\f218"}.ti-brand-firebase:before{content:"\ef6e"}.ti-brand-firefox:before{content:"\ecfd"}.ti-brand-fiverr:before{content:"\f7a4"}.ti-brand-flickr:before{content:"\ecfe"}.ti-brand-flightradar24:before{content:"\f4d6"}.ti-brand-flipboard:before{content:"\f20b"}.ti-brand-flutter:before{content:"\f395"}.ti-brand-fortnite:before{content:"\f260"}.ti-brand-foursquare:before{content:"\ecff"}.ti-brand-framer:before{content:"\ec1b"}.ti-brand-framer-motion:before{content:"\f78c"}.ti-brand-funimation:before{content:"\f655"}.ti-brand-gatsby:before{content:"\f396"}.ti-brand-git:before{content:"\ef6f"}.ti-brand-github:before{content:"\ec1c"}.ti-brand-github-copilot:before{content:"\f4a8"}.ti-brand-gitlab:before{content:"\ec1d"}.ti-brand-gmail:before{content:"\efa2"}.ti-brand-golang:before{content:"\f78d"}.ti-brand-google:before{content:"\ec1f"}.ti-brand-google-analytics:before{content:"\edcb"}.ti-brand-google-big-query:before{content:"\f612"}.ti-brand-google-drive:before{content:"\ec1e"}.ti-brand-google-fit:before{content:"\f297"}.ti-brand-google-home:before{content:"\f601"}.ti-brand-google-maps:before{content:"\fa4f"}.ti-brand-google-one:before{content:"\f232"}.ti-brand-google-photos:before{content:"\f20c"}.ti-brand-google-play:before{content:"\ed25"}.ti-brand-google-podcasts:before{content:"\f656"}.ti-brand-grammarly:before{content:"\f32b"}.ti-brand-graphql:before{content:"\f32c"}.ti-brand-gravatar:before{content:"\edcc"}.ti-brand-grindr:before{content:"\f20d"}.ti-brand-guardian:before{content:"\f4fb"}.ti-brand-gumroad:before{content:"\f5d6"}.ti-brand-hackerrank:before{content:"\ff23"}.ti-brand-hbo:before{content:"\f657"}.ti-brand-headlessui:before{content:"\f32d"}.ti-brand-hexo:before{content:"\fa50"}.ti-brand-hipchat:before{content:"\edcd"}.ti-brand-html5:before{content:"\ed6c"}.ti-brand-inertia:before{content:"\f34a"}.ti-brand-infakt:before{content:"\1020a"}.ti-brand-instagram:before{content:"\ec20"}.ti-brand-intercom:before{content:"\f1cf"}.ti-brand-itch:before{content:"\fa22"}.ti-brand-javascript:before{content:"\ef0c"}.ti-brand-jira:before{content:"\10231"}.ti-brand-juejin:before{content:"\f7b0"}.ti-brand-kakao-talk:before{content:"\fd2d"}.ti-brand-kbin:before{content:"\fad0"}.ti-brand-kick:before{content:"\fa23"}.ti-brand-kickstarter:before{content:"\edce"}.ti-brand-kotlin:before{content:"\ed6d"}.ti-brand-laravel:before{content:"\f34b"}.ti-brand-lastfm:before{content:"\f001"}.ti-brand-leetcode:before{content:"\fa51"}.ti-brand-letterboxd:before{content:"\fa24"}.ti-brand-line:before{content:"\f7e8"}.ti-brand-linkedin:before{content:"\ec8c"}.ti-brand-linktree:before{content:"\f1e7"}.ti-brand-linqpad:before{content:"\f562"}.ti-brand-livewire:before{content:"\fd76"}.ti-brand-loom:before{content:"\ef70"}.ti-brand-mailgun:before{content:"\f32e"}.ti-brand-mantine:before{content:"\f32f"}.ti-brand-mastercard:before{content:"\ef49"}.ti-brand-mastodon:before{content:"\f250"}.ti-brand-matrix:before{content:"\f5eb"}.ti-brand-mcdonalds:before{content:"\f251"}.ti-brand-medium:before{content:"\ec70"}.ti-brand-meetup:before{content:"\fc6a"}.ti-brand-mercedes:before{content:"\f072"}.ti-brand-messenger:before{content:"\ec71"}.ti-brand-meta:before{content:"\efb0"}.ti-brand-metabrainz:before{content:"\ff12"}.ti-brand-minecraft:before{content:"\faef"}.ti-brand-miniprogram:before{content:"\f602"}.ti-brand-mixpanel:before{content:"\f397"}.ti-brand-monday:before{content:"\f219"}.ti-brand-mongodb:before{content:"\f613"}.ti-brand-my-oppo:before{content:"\f4d7"}.ti-brand-mysql:before{content:"\f614"}.ti-brand-national-geographic:before{content:"\f603"}.ti-brand-nem:before{content:"\f5a1"}.ti-brand-netbeans:before{content:"\ef71"}.ti-brand-netease-music:before{content:"\f604"}.ti-brand-netflix:before{content:"\edcf"}.ti-brand-nexo:before{content:"\f5a2"}.ti-brand-nextcloud:before{content:"\f4d8"}.ti-brand-nextjs:before{content:"\f0dd"}.ti-brand-nodejs:before{content:"\fae0"}.ti-brand-nord-vpn:before{content:"\f37f"}.ti-brand-notion:before{content:"\ef7b"}.ti-brand-npm:before{content:"\f569"}.ti-brand-nuxt:before{content:"\f0de"}.ti-brand-nytimes:before{content:"\ef8d"}.ti-brand-oauth:before{content:"\fa52"}.ti-brand-office:before{content:"\f398"}.ti-brand-ok-ru:before{content:"\f399"}.ti-brand-onedrive:before{content:"\f5d7"}.ti-brand-onlyfans:before{content:"\f605"}.ti-brand-open-source:before{content:"\edd0"}.ti-brand-openai:before{content:"\f78e"}.ti-brand-openvpn:before{content:"\f39a"}.ti-brand-opera:before{content:"\ec21"}.ti-brand-pagekit:before{content:"\edd1"}.ti-brand-parsinta:before{content:"\fc42"}.ti-brand-patreon:before{content:"\edd2"}.ti-brand-paypal:before{content:"\ec22"}.ti-brand-paypay:before{content:"\f5ec"}.ti-brand-peanut:before{content:"\f39b"}.ti-brand-pepsi:before{content:"\f261"}.ti-brand-php:before{content:"\ef72"}.ti-brand-picsart:before{content:"\f4d9"}.ti-brand-pinterest:before{content:"\ec8d"}.ti-brand-planetscale:before{content:"\f78f"}.ti-brand-pnpm:before{content:"\fd77"}.ti-brand-pocket:before{content:"\ed00"}.ti-brand-polymer:before{content:"\f498"}.ti-brand-powershell:before{content:"\f5ed"}.ti-brand-printables:before{content:"\fd1b"}.ti-brand-prisma:before{content:"\f499"}.ti-brand-producthunt:before{content:"\edd3"}.ti-brand-pushbullet:before{content:"\f330"}.ti-brand-pushover:before{content:"\f20e"}.ti-brand-python:before{content:"\ed01"}.ti-brand-qq:before{content:"\f606"}.ti-brand-radix-ui:before{content:"\f790"}.ti-brand-react:before{content:"\f34c"}.ti-brand-react-native:before{content:"\ef73"}.ti-brand-reason:before{content:"\f49a"}.ti-brand-reddit:before{content:"\ec8e"}.ti-brand-redhat:before{content:"\f331"}.ti-brand-redux:before{content:"\f3a8"}.ti-brand-revolut:before{content:"\f4da"}.ti-brand-rumble:before{content:"\fad1"}.ti-brand-rust:before{content:"\fa53"}.ti-brand-safari:before{content:"\ec23"}.ti-brand-samsungpass:before{content:"\f4db"}.ti-brand-sass:before{content:"\edd4"}.ti-brand-sentry:before{content:"\edd5"}.ti-brand-sharik:before{content:"\f4dc"}.ti-brand-shazam:before{content:"\edd6"}.ti-brand-shopee:before{content:"\f252"}.ti-brand-signal:before{content:"\10275"}.ti-brand-sketch:before{content:"\ec24"}.ti-brand-skype:before{content:"\ed02"}.ti-brand-slack:before{content:"\ec72"}.ti-brand-snapchat:before{content:"\ec25"}.ti-brand-snapseed:before{content:"\f253"}.ti-brand-snowflake:before{content:"\f615"}.ti-brand-socket-io:before{content:"\f49b"}.ti-brand-solidjs:before{content:"\f5ee"}.ti-brand-soundcloud:before{content:"\ed6e"}.ti-brand-spacehey:before{content:"\f4fc"}.ti-brand-speedtest:before{content:"\fa77"}.ti-brand-spotify:before{content:"\ed03"}.ti-brand-stackoverflow:before{content:"\ef58"}.ti-brand-stackshare:before{content:"\f607"}.ti-brand-steam:before{content:"\ed6f"}.ti-brand-stellar:before{content:"\10243"}.ti-brand-stocktwits:before{content:"\fd78"}.ti-brand-storj:before{content:"\fa54"}.ti-brand-storybook:before{content:"\f332"}.ti-brand-storytel:before{content:"\f608"}.ti-brand-strava:before{content:"\f254"}.ti-brand-stripe:before{content:"\edd7"}.ti-brand-sublime-text:before{content:"\ef74"}.ti-brand-sugarizer:before{content:"\f7a5"}.ti-brand-supabase:before{content:"\f6d3"}.ti-brand-superhuman:before{content:"\f50c"}.ti-brand-supernova:before{content:"\f49c"}.ti-brand-surfshark:before{content:"\f255"}.ti-brand-svelte:before{content:"\f0df"}.ti-brand-swift:before{content:"\fa55"}.ti-brand-symfony:before{content:"\f616"}.ti-brand-tabler:before{content:"\ec8f"}.ti-brand-tabnine:before{content:"\101ae"}.ti-brand-tailwind:before{content:"\eca1"}.ti-brand-taobao:before{content:"\f5ef"}.ti-brand-teams:before{content:"\fadf"}.ti-brand-ted:before{content:"\f658"}.ti-brand-telegram:before{content:"\ec26"}.ti-brand-terraform:before{content:"\fa56"}.ti-brand-tesla:before{content:"\10099"}.ti-brand-tether:before{content:"\f5a3"}.ti-brand-thingiverse:before{content:"\fd1c"}.ti-brand-threads:before{content:"\fb02"}.ti-brand-threejs:before{content:"\f5f0"}.ti-brand-tidal:before{content:"\ed70"}.ti-brand-tiktok:before{content:"\ec73"}.ti-brand-tinder:before{content:"\ed71"}.ti-brand-topbuzz:before{content:"\f50d"}.ti-brand-torchain:before{content:"\f5a4"}.ti-brand-toyota:before{content:"\f262"}.ti-brand-trello:before{content:"\f39d"}.ti-brand-tripadvisor:before{content:"\f002"}.ti-brand-tumblr:before{content:"\ed04"}.ti-brand-twilio:before{content:"\f617"}.ti-brand-twitch:before{content:"\ed05"}.ti-brand-twitter:before{content:"\ec27"}.ti-brand-typescript:before{content:"\f5f1"}.ti-brand-uber:before{content:"\ef75"}.ti-brand-ubuntu:before{content:"\ef59"}.ti-brand-unity:before{content:"\f49d"}.ti-brand-unsplash:before{content:"\edd8"}.ti-brand-upwork:before{content:"\f39e"}.ti-brand-valorant:before{content:"\f39f"}.ti-brand-vechain:before{content:"\10242"}.ti-brand-vercel:before{content:"\ef24"}.ti-brand-vimeo:before{content:"\ed06"}.ti-brand-vinted:before{content:"\f20f"}.ti-brand-visa:before{content:"\f380"}.ti-brand-visual-studio:before{content:"\ef76"}.ti-brand-vite:before{content:"\f5f2"}.ti-brand-vivaldi:before{content:"\f210"}.ti-brand-vk:before{content:"\ed72"}.ti-brand-vlc:before{content:"\fa78"}.ti-brand-volkswagen:before{content:"\f50e"}.ti-brand-vsco:before{content:"\f334"}.ti-brand-vscode:before{content:"\f3a0"}.ti-brand-vue:before{content:"\f0e0"}.ti-brand-walmart:before{content:"\f211"}.ti-brand-waze:before{content:"\f5d8"}.ti-brand-webflow:before{content:"\f2d2"}.ti-brand-wechat:before{content:"\f5f3"}.ti-brand-weibo:before{content:"\f609"}.ti-brand-whatsapp:before{content:"\ec74"}.ti-brand-wikipedia:before{content:"\fa79"}.ti-brand-windows:before{content:"\ecd8"}.ti-brand-windy:before{content:"\f4dd"}.ti-brand-wish:before{content:"\f212"}.ti-brand-wix:before{content:"\f3a1"}.ti-brand-wordpress:before{content:"\f2d3"}.ti-brand-x:before{content:"\fc0f"}.ti-brand-xamarin:before{content:"\fa7a"}.ti-brand-xbox:before{content:"\f298"}.ti-brand-xdeep:before{content:"\fc10"}.ti-brand-xing:before{content:"\f21a"}.ti-brand-yahoo:before{content:"\ed73"}.ti-brand-yandex:before{content:"\fae1"}.ti-brand-yarn:before{content:"\fd79"}.ti-brand-yatse:before{content:"\f213"}.ti-brand-ycombinator:before{content:"\edd9"}.ti-brand-youtube:before{content:"\ec90"}.ti-brand-youtube-kids:before{content:"\f214"}.ti-brand-zalando:before{content:"\f49e"}.ti-brand-zapier:before{content:"\f49f"}.ti-brand-zeit:before{content:"\f335"}.ti-brand-zhihu:before{content:"\f60a"}.ti-brand-zoom:before{content:"\f215"}.ti-brand-zulip:before{content:"\f4de"}.ti-brand-zwift:before{content:"\f216"}.ti-bread:before{content:"\efa3"}.ti-bread-off:before{content:"\f3cb"}.ti-briefcase:before{content:"\ea46"}.ti-briefcase-2:before{content:"\fb03"}.ti-briefcase-off:before{content:"\f3cc"}.ti-brightness:before{content:"\eb7f"}.ti-brightness-2:before{content:"\ee19"}.ti-brightness-auto:before{content:"\fd99"}.ti-brightness-down:before{content:"\eb7d"}.ti-brightness-half:before{content:"\ee1a"}.ti-brightness-off:before{content:"\f3cd"}.ti-brightness-up:before{content:"\eb7e"}.ti-broadcast:before{content:"\f1e9"}.ti-broadcast-off:before{content:"\f1e8"}.ti-browser:before{content:"\ebb7"}.ti-browser-check:before{content:"\efd6"}.ti-browser-maximize:before{content:"\100b0"}.ti-browser-minus:before{content:"\100af"}.ti-browser-off:before{content:"\f0c1"}.ti-browser-plus:before{content:"\efd7"}.ti-browser-share:before{content:"\100ae"}.ti-browser-x:before{content:"\efd8"}.ti-brush:before{content:"\ebb8"}.ti-brush-off:before{content:"\f0c2"}.ti-bubble:before{content:"\feba"}.ti-bubble-minus:before{content:"\febe"}.ti-bubble-plus:before{content:"\febd"}.ti-bubble-tea:before{content:"\ff51"}.ti-bubble-tea-2:before{content:"\ff52"}.ti-bubble-text:before{content:"\febc"}.ti-bubble-x:before{content:"\febb"}.ti-bucket:before{content:"\ea47"}.ti-bucket-droplet:before{content:"\f56a"}.ti-bucket-off:before{content:"\f103"}.ti-bug:before{content:"\ea48"}.ti-bug-off:before{content:"\f0c3"}.ti-building:before{content:"\ea4f"}.ti-building-airport:before{content:"\ffa9"}.ti-building-arch:before{content:"\ea49"}.ti-building-bank:before{content:"\ebe2"}.ti-building-bridge:before{content:"\ea4b"}.ti-building-bridge-2:before{content:"\ea4a"}.ti-building-broadcast-tower:before{content:"\f4be"}.ti-building-burj-al-arab:before{content:"\ff50"}.ti-building-carousel:before{content:"\ed87"}.ti-building-castle:before{content:"\ed88"}.ti-building-church:before{content:"\ea4c"}.ti-building-circus:before{content:"\f4bf"}.ti-building-cog:before{content:"\10062"}.ti-building-community:before{content:"\ebf6"}.ti-building-cottage:before{content:"\ee1b"}.ti-building-eiffel-tower:before{content:"\10251"}.ti-building-estate:before{content:"\f5a5"}.ti-building-factory:before{content:"\ee1c"}.ti-building-factory-2:before{content:"\f082"}.ti-building-fortress:before{content:"\ed89"}.ti-building-hospital:before{content:"\ea4d"}.ti-building-lighthouse:before{content:"\ed8a"}.ti-building-minus:before{content:"\10061"}.ti-building-monument:before{content:"\ed26"}.ti-building-mosque:before{content:"\fa57"}.ti-building-off:before{content:"\fefd"}.ti-building-pavilion:before{content:"\ebf7"}.ti-building-plus:before{content:"\10060"}.ti-building-skyscraper:before{content:"\ec39"}.ti-building-stadium:before{content:"\f641"}.ti-building-store:before{content:"\ea4e"}.ti-building-tunnel:before{content:"\f5a6"}.ti-building-warehouse:before{content:"\ebe3"}.ti-building-wind-turbine:before{content:"\f4c0"}.ti-buildings:before{content:"\ff40"}.ti-bulb:before{content:"\ea51"}.ti-bulb-off:before{content:"\ea50"}.ti-bulldozer:before{content:"\ee1d"}.ti-burger:before{content:"\fcb4"}.ti-bus:before{content:"\ebe4"}.ti-bus-off:before{content:"\f3ce"}.ti-bus-stop:before{content:"\f2d4"}.ti-businessplan:before{content:"\ee1e"}.ti-butterfly:before{content:"\efd9"}.ti-cactus:before{content:"\f21b"}.ti-cactus-off:before{content:"\f3cf"}.ti-cake:before{content:"\f00f"}.ti-cake-off:before{content:"\f104"}.ti-cake-roll:before{content:"\100bd"}.ti-calculator:before{content:"\eb80"}.ti-calculator-off:before{content:"\f0c4"}.ti-calendar:before{content:"\ea53"}.ti-calendar-bolt:before{content:"\f822"}.ti-calendar-cancel:before{content:"\f823"}.ti-calendar-check:before{content:"\f824"}.ti-calendar-clock:before{content:"\fd2e"}.ti-calendar-code:before{content:"\f825"}.ti-calendar-cog:before{content:"\f826"}.ti-calendar-dollar:before{content:"\f827"}.ti-calendar-dot:before{content:"\fd3e"}.ti-calendar-down:before{content:"\f828"}.ti-calendar-due:before{content:"\f621"}.ti-calendar-event:before{content:"\ea52"}.ti-calendar-exclamation:before{content:"\f829"}.ti-calendar-heart:before{content:"\f82a"}.ti-calendar-minus:before{content:"\ebb9"}.ti-calendar-month:before{content:"\fd2f"}.ti-calendar-off:before{content:"\ee1f"}.ti-calendar-pause:before{content:"\f82b"}.ti-calendar-pin:before{content:"\f82c"}.ti-calendar-plus:before{content:"\ebba"}.ti-calendar-question:before{content:"\f82d"}.ti-calendar-repeat:before{content:"\fad2"}.ti-calendar-sad:before{content:"\fd1d"}.ti-calendar-search:before{content:"\f82e"}.ti-calendar-share:before{content:"\f82f"}.ti-calendar-smile:before{content:"\fd1e"}.ti-calendar-star:before{content:"\f830"}.ti-calendar-stats:before{content:"\ee20"}.ti-calendar-time:before{content:"\ee21"}.ti-calendar-up:before{content:"\f831"}.ti-calendar-user:before{content:"\fd1f"}.ti-calendar-week:before{content:"\fd30"}.ti-calendar-x:before{content:"\f832"}.ti-camera:before{content:"\ea54"}.ti-camera-ai:before{content:"\ffa8"}.ti-camera-bitcoin:before{content:"\ffa7"}.ti-camera-bolt:before{content:"\f833"}.ti-camera-cancel:before{content:"\f834"}.ti-camera-check:before{content:"\f835"}.ti-camera-code:before{content:"\f836"}.ti-camera-cog:before{content:"\f837"}.ti-camera-dollar:before{content:"\f838"}.ti-camera-down:before{content:"\f839"}.ti-camera-exclamation:before{content:"\f83a"}.ti-camera-heart:before{content:"\f83b"}.ti-camera-minus:before{content:"\ec3a"}.ti-camera-moon:before{content:"\ffa6"}.ti-camera-off:before{content:"\ecee"}.ti-camera-pause:before{content:"\f83c"}.ti-camera-pin:before{content:"\f83d"}.ti-camera-plus:before{content:"\ec3b"}.ti-camera-question:before{content:"\f83e"}.ti-camera-rotate:before{content:"\ee22"}.ti-camera-search:before{content:"\f83f"}.ti-camera-selfie:before{content:"\ee23"}.ti-camera-share:before{content:"\f840"}.ti-camera-spark:before{content:"\ffbc"}.ti-camera-star:before{content:"\f841"}.ti-camera-up:before{content:"\f842"}.ti-camera-x:before{content:"\f843"}.ti-camper:before{content:"\fa25"}.ti-campfire:before{content:"\f5a7"}.ti-canary:before{content:"\101f5"}.ti-cancel:before{content:"\ff11"}.ti-candle:before{content:"\efc6"}.ti-candy:before{content:"\ef0d"}.ti-candy-off:before{content:"\f0c5"}.ti-cane:before{content:"\f50f"}.ti-cannabis:before{content:"\f4c1"}.ti-cap-projecting:before{content:"\ff22"}.ti-cap-rounded:before{content:"\ff21"}.ti-cap-straight:before{content:"\ff20"}.ti-capsule:before{content:"\fae3"}.ti-capsule-horizontal:before{content:"\fae2"}.ti-capture:before{content:"\ec3c"}.ti-capture-off:before{content:"\f0c6"}.ti-car:before{content:"\ebbb"}.ti-car-4wd:before{content:"\fdb8"}.ti-car-crane:before{content:"\ef25"}.ti-car-crash:before{content:"\efa4"}.ti-car-door:before{content:"\10250"}.ti-car-fan:before{content:"\fdb3"}.ti-car-fan-1:before{content:"\fdb7"}.ti-car-fan-2:before{content:"\fdb6"}.ti-car-fan-3:before{content:"\fdb5"}.ti-car-fan-auto:before{content:"\fdb4"}.ti-car-garage:before{content:"\fc77"}.ti-car-lifter:before{content:"\1024f"}.ti-car-off:before{content:"\f0c7"}.ti-car-off-road:before{content:"\10230"}.ti-car-suspension:before{content:"\1022f"}.ti-car-suv:before{content:"\fc8b"}.ti-car-turbine:before{content:"\f4fd"}.ti-carambola:before{content:"\feb9"}.ti-caravan:before{content:"\ec7c"}.ti-cardboards:before{content:"\ed74"}.ti-cardboards-off:before{content:"\f0c8"}.ti-cards:before{content:"\f510"}.ti-caret-down:before{content:"\eb5d"}.ti-caret-left:before{content:"\eb5e"}.ti-caret-left-right:before{content:"\fc43"}.ti-caret-right:before{content:"\eb5f"}.ti-caret-up:before{content:"\eb60"}.ti-caret-up-down:before{content:"\fc44"}.ti-carousel-horizontal:before{content:"\f659"}.ti-carousel-vertical:before{content:"\f65a"}.ti-carrot:before{content:"\f21c"}.ti-carrot-off:before{content:"\f3d0"}.ti-cash:before{content:"\ea55"}.ti-cash-banknote:before{content:"\ee25"}.ti-cash-banknote-edit:before{content:"\10149"}.ti-cash-banknote-heart:before{content:"\10148"}.ti-cash-banknote-minus:before{content:"\10147"}.ti-cash-banknote-move:before{content:"\10145"}.ti-cash-banknote-move-back:before{content:"\10146"}.ti-cash-banknote-off:before{content:"\ee24"}.ti-cash-banknote-plus:before{content:"\10144"}.ti-cash-edit:before{content:"\10143"}.ti-cash-heart:before{content:"\10142"}.ti-cash-minus:before{content:"\10141"}.ti-cash-move:before{content:"\1013f"}.ti-cash-move-back:before{content:"\10140"}.ti-cash-off:before{content:"\f105"}.ti-cash-plus:before{content:"\1013e"}.ti-cash-register:before{content:"\fee6"}.ti-cast:before{content:"\ea56"}.ti-cast-off:before{content:"\f0c9"}.ti-cat:before{content:"\f65b"}.ti-category:before{content:"\f1f6"}.ti-category-2:before{content:"\f1f5"}.ti-category-minus:before{content:"\fd20"}.ti-category-plus:before{content:"\fd21"}.ti-ce:before{content:"\ed75"}.ti-ce-off:before{content:"\f0ca"}.ti-cell:before{content:"\f05f"}.ti-cell-signal-1:before{content:"\f083"}.ti-cell-signal-2:before{content:"\f084"}.ti-cell-signal-3:before{content:"\f085"}.ti-cell-signal-4:before{content:"\f086"}.ti-cell-signal-5:before{content:"\f087"}.ti-cell-signal-off:before{content:"\f088"}.ti-certificate:before{content:"\ed76"}.ti-certificate-2:before{content:"\f073"}.ti-certificate-2-off:before{content:"\f0cb"}.ti-certificate-off:before{content:"\f0cc"}.ti-chair-director:before{content:"\f2d5"}.ti-chalkboard:before{content:"\f34d"}.ti-chalkboard-off:before{content:"\f3d1"}.ti-chalkboard-teacher:before{content:"\10160"}.ti-charging-pile:before{content:"\ee26"}.ti-chart-arcs:before{content:"\ee28"}.ti-chart-arcs-3:before{content:"\ee27"}.ti-chart-area:before{content:"\ea58"}.ti-chart-area-line:before{content:"\ea57"}.ti-chart-arrows:before{content:"\ee2a"}.ti-chart-arrows-vertical:before{content:"\ee29"}.ti-chart-bar:before{content:"\ea59"}.ti-chart-bar-off:before{content:"\f3d2"}.ti-chart-bar-popular:before{content:"\fef7"}.ti-chart-bubble:before{content:"\ec75"}.ti-chart-candle:before{content:"\ea5a"}.ti-chart-circles:before{content:"\ee2b"}.ti-chart-cohort:before{content:"\fef6"}.ti-chart-column:before{content:"\ffa5"}.ti-chart-covariate:before{content:"\ffa4"}.ti-chart-donut:before{content:"\ea5b"}.ti-chart-donut-2:before{content:"\ee2c"}.ti-chart-donut-3:before{content:"\ee2d"}.ti-chart-donut-4:before{content:"\ee2e"}.ti-chart-dots:before{content:"\ee2f"}.ti-chart-dots-2:before{content:"\f097"}.ti-chart-dots-3:before{content:"\f098"}.ti-chart-funnel:before{content:"\fef5"}.ti-chart-grid-dots:before{content:"\f4c2"}.ti-chart-histogram:before{content:"\f65c"}.ti-chart-infographic:before{content:"\ee30"}.ti-chart-line:before{content:"\ea5c"}.ti-chart-pie:before{content:"\ea5d"}.ti-chart-pie-2:before{content:"\ee31"}.ti-chart-pie-3:before{content:"\ee32"}.ti-chart-pie-4:before{content:"\ee33"}.ti-chart-pie-off:before{content:"\f3d3"}.ti-chart-ppf:before{content:"\f618"}.ti-chart-radar:before{content:"\ed77"}.ti-chart-sankey:before{content:"\f619"}.ti-chart-scatter:before{content:"\fd93"}.ti-chart-scatter-3d:before{content:"\fd92"}.ti-chart-treemap:before{content:"\f381"}.ti-check:before{content:"\ea5e"}.ti-checkbox:before{content:"\eba6"}.ti-checklist:before{content:"\f074"}.ti-checks:before{content:"\ebaa"}.ti-checkup-list:before{content:"\ef5a"}.ti-cheese:before{content:"\ef26"}.ti-chef-hat:before{content:"\f21d"}.ti-chef-hat-off:before{content:"\f3d4"}.ti-cherry:before{content:"\f511"}.ti-chess:before{content:"\f382"}.ti-chess-bishop:before{content:"\f56b"}.ti-chess-king:before{content:"\f56c"}.ti-chess-knight:before{content:"\f56d"}.ti-chess-queen:before{content:"\f56e"}.ti-chess-rook:before{content:"\f56f"}.ti-chevron-compact-down:before{content:"\faf0"}.ti-chevron-compact-left:before{content:"\faf1"}.ti-chevron-compact-right:before{content:"\faf2"}.ti-chevron-compact-up:before{content:"\faf3"}.ti-chevron-down:before{content:"\ea5f"}.ti-chevron-down-left:before{content:"\ed09"}.ti-chevron-down-right:before{content:"\ed0a"}.ti-chevron-left:before{content:"\ea60"}.ti-chevron-left-pipe:before{content:"\fae4"}.ti-chevron-right:before{content:"\ea61"}.ti-chevron-right-pipe:before{content:"\fae5"}.ti-chevron-up:before{content:"\ea62"}.ti-chevron-up-left:before{content:"\ed0b"}.ti-chevron-up-right:before{content:"\ed0c"}.ti-chevrons-down:before{content:"\ea63"}.ti-chevrons-down-left:before{content:"\ed0d"}.ti-chevrons-down-right:before{content:"\ed0e"}.ti-chevrons-left:before{content:"\ea64"}.ti-chevrons-right:before{content:"\ea65"}.ti-chevrons-up:before{content:"\ea66"}.ti-chevrons-up-left:before{content:"\ed0f"}.ti-chevrons-up-right:before{content:"\ed10"}.ti-chisel:before{content:"\f383"}.ti-chocolate:before{content:"\1024e"}.ti-christmas-ball:before{content:"\fd31"}.ti-christmas-tree:before{content:"\ed78"}.ti-christmas-tree-off:before{content:"\f3d5"}.ti-circle:before{content:"\ea6b"}.ti-circle-arrow-down:before{content:"\f6f9"}.ti-circle-arrow-down-left:before{content:"\f6f6"}.ti-circle-arrow-down-right:before{content:"\f6f8"}.ti-circle-arrow-left:before{content:"\f6fb"}.ti-circle-arrow-right:before{content:"\f6fd"}.ti-circle-arrow-up:before{content:"\f703"}.ti-circle-arrow-up-left:before{content:"\f700"}.ti-circle-arrow-up-right:before{content:"\f702"}.ti-circle-asterisk:before{content:"\101ad"}.ti-circle-caret-down:before{content:"\f4a9"}.ti-circle-caret-left:before{content:"\f4aa"}.ti-circle-caret-right:before{content:"\f4ab"}.ti-circle-caret-up:before{content:"\f4ac"}.ti-circle-check:before{content:"\ea67"}.ti-circle-chevron-down:before{content:"\f622"}.ti-circle-chevron-left:before{content:"\f623"}.ti-circle-chevron-right:before{content:"\f624"}.ti-circle-chevron-up:before{content:"\f625"}.ti-circle-chevrons-down:before{content:"\f642"}.ti-circle-chevrons-left:before{content:"\f643"}.ti-circle-chevrons-right:before{content:"\f644"}.ti-circle-chevrons-up:before{content:"\f645"}.ti-circle-dashed:before{content:"\ed27"}.ti-circle-dashed-check:before{content:"\feb8"}.ti-circle-dashed-letter-a:before{content:"\ff9a"}.ti-circle-dashed-letter-b:before{content:"\ff99"}.ti-circle-dashed-letter-c:before{content:"\ff98"}.ti-circle-dashed-letter-d:before{content:"\ff97"}.ti-circle-dashed-letter-e:before{content:"\ff96"}.ti-circle-dashed-letter-f:before{content:"\ff95"}.ti-circle-dashed-letter-g:before{content:"\ff94"}.ti-circle-dashed-letter-h:before{content:"\ff93"}.ti-circle-dashed-letter-i:before{content:"\ff92"}.ti-circle-dashed-letter-j:before{content:"\ff91"}.ti-circle-dashed-letter-k:before{content:"\ff90"}.ti-circle-dashed-letter-l:before{content:"\ff8f"}.ti-circle-dashed-letter-m:before{content:"\ff8d"}.ti-circle-dashed-letter-n:before{content:"\ff8c"}.ti-circle-dashed-letter-o:before{content:"\ff8b"}.ti-circle-dashed-letter-p:before{content:"\ff8a"}.ti-circle-dashed-letter-q:before{content:"\ff89"}.ti-circle-dashed-letter-r:before{content:"\ff88"}.ti-circle-dashed-letter-s:before{content:"\ff87"}.ti-circle-dashed-letter-t:before{content:"\ff86"}.ti-circle-dashed-letter-u:before{content:"\ff85"}.ti-circle-dashed-letter-v:before{content:"\ff84"}.ti-circle-dashed-letter-w:before{content:"\ff83"}.ti-circle-dashed-letter-x:before{content:"\ff82"}.ti-circle-dashed-letter-y:before{content:"\ff81"}.ti-circle-dashed-letter-z:before{content:"\ff80"}.ti-circle-dashed-minus:before{content:"\feb7"}.ti-circle-dashed-number-0:before{content:"\fc6b"}.ti-circle-dashed-number-1:before{content:"\fc6c"}.ti-circle-dashed-number-2:before{content:"\fc6d"}.ti-circle-dashed-number-3:before{content:"\fc6e"}.ti-circle-dashed-number-4:before{content:"\fc6f"}.ti-circle-dashed-number-5:before{content:"\fc70"}.ti-circle-dashed-number-6:before{content:"\fc71"}.ti-circle-dashed-number-7:before{content:"\fc72"}.ti-circle-dashed-number-8:before{content:"\fc73"}.ti-circle-dashed-number-9:before{content:"\fc74"}.ti-circle-dashed-percentage:before{content:"\fd7a"}.ti-circle-dashed-plus:before{content:"\feb6"}.ti-circle-dashed-x:before{content:"\fc75"}.ti-circle-dot:before{content:"\efb1"}.ti-circle-dotted:before{content:"\ed28"}.ti-circle-dotted-letter-a:before{content:"\ff7f"}.ti-circle-dotted-letter-b:before{content:"\ff7e"}.ti-circle-dotted-letter-c:before{content:"\ff7d"}.ti-circle-dotted-letter-d:before{content:"\ff7c"}.ti-circle-dotted-letter-e:before{content:"\ff7b"}.ti-circle-dotted-letter-f:before{content:"\ff7a"}.ti-circle-dotted-letter-g:before{content:"\ff79"}.ti-circle-dotted-letter-h:before{content:"\ff78"}.ti-circle-dotted-letter-i:before{content:"\ff77"}.ti-circle-dotted-letter-j:before{content:"\ff76"}.ti-circle-dotted-letter-k:before{content:"\ff75"}.ti-circle-dotted-letter-l:before{content:"\ff74"}.ti-circle-dotted-letter-m:before{content:"\ff73"}.ti-circle-dotted-letter-n:before{content:"\ff72"}.ti-circle-dotted-letter-o:before{content:"\ff71"}.ti-circle-dotted-letter-p:before{content:"\ff70"}.ti-circle-dotted-letter-q:before{content:"\ff6f"}.ti-circle-dotted-letter-r:before{content:"\ff6e"}.ti-circle-dotted-letter-s:before{content:"\ff6d"}.ti-circle-dotted-letter-t:before{content:"\ff6c"}.ti-circle-dotted-letter-u:before{content:"\ff6b"}.ti-circle-dotted-letter-v:before{content:"\ff6a"}.ti-circle-dotted-letter-w:before{content:"\ff69"}.ti-circle-dotted-letter-x:before{content:"\ff68"}.ti-circle-dotted-letter-y:before{content:"\ff67"}.ti-circle-dotted-letter-z:before{content:"\ff66"}.ti-circle-half:before{content:"\ee3f"}.ti-circle-half-2:before{content:"\eff3"}.ti-circle-half-vertical:before{content:"\ee3e"}.ti-circle-key:before{content:"\f633"}.ti-circle-letter-a:before{content:"\f441"}.ti-circle-letter-b:before{content:"\f442"}.ti-circle-letter-c:before{content:"\f443"}.ti-circle-letter-d:before{content:"\f444"}.ti-circle-letter-e:before{content:"\f445"}.ti-circle-letter-f:before{content:"\f446"}.ti-circle-letter-g:before{content:"\f447"}.ti-circle-letter-h:before{content:"\f448"}.ti-circle-letter-i:before{content:"\f449"}.ti-circle-letter-j:before{content:"\f44a"}.ti-circle-letter-k:before{content:"\f44b"}.ti-circle-letter-l:before{content:"\f44c"}.ti-circle-letter-m:before{content:"\f44d"}.ti-circle-letter-n:before{content:"\f44e"}.ti-circle-letter-o:before{content:"\f44f"}.ti-circle-letter-p:before{content:"\f450"}.ti-circle-letter-q:before{content:"\f451"}.ti-circle-letter-r:before{content:"\f452"}.ti-circle-letter-s:before{content:"\f453"}.ti-circle-letter-t:before{content:"\f454"}.ti-circle-letter-u:before{content:"\f455"}.ti-circle-letter-v:before{content:"\f4ad"}.ti-circle-letter-w:before{content:"\f456"}.ti-circle-letter-x:before{content:"\f4ae"}.ti-circle-letter-y:before{content:"\f457"}.ti-circle-letter-z:before{content:"\f458"}.ti-circle-minus:before{content:"\ea68"}.ti-circle-minus-2:before{content:"\fc8c"}.ti-circle-number-0:before{content:"\ee34"}.ti-circle-number-1:before{content:"\ee35"}.ti-circle-number-2:before{content:"\ee36"}.ti-circle-number-3:before{content:"\ee37"}.ti-circle-number-4:before{content:"\ee38"}.ti-circle-number-5:before{content:"\ee39"}.ti-circle-number-6:before{content:"\ee3a"}.ti-circle-number-7:before{content:"\ee3b"}.ti-circle-number-8:before{content:"\ee3c"}.ti-circle-number-9:before{content:"\ee3d"}.ti-circle-off:before{content:"\ee40"}.ti-circle-open-arrow-down:before{content:"\10209"}.ti-circle-open-arrow-left:before{content:"\10208"}.ti-circle-open-arrow-right:before{content:"\10207"}.ti-circle-open-arrow-up:before{content:"\10206"}.ti-circle-percentage:before{content:"\fd7b"}.ti-circle-plus:before{content:"\ea69"}.ti-circle-plus-2:before{content:"\fc8d"}.ti-circle-plus-minus:before{content:"\10205"}.ti-circle-rectangle:before{content:"\f010"}.ti-circle-rectangle-off:before{content:"\f0cd"}.ti-circle-square:before{content:"\ece4"}.ti-circle-triangle:before{content:"\f011"}.ti-circle-x:before{content:"\ea6a"}.ti-circles:before{content:"\ece5"}.ti-circles-relation:before{content:"\f4c3"}.ti-circuit-ammeter:before{content:"\f271"}.ti-circuit-battery:before{content:"\f272"}.ti-circuit-bulb:before{content:"\f273"}.ti-circuit-capacitor:before{content:"\f275"}.ti-circuit-capacitor-polarized:before{content:"\f274"}.ti-circuit-cell:before{content:"\f277"}.ti-circuit-cell-plus:before{content:"\f276"}.ti-circuit-changeover:before{content:"\f278"}.ti-circuit-diode:before{content:"\f27a"}.ti-circuit-diode-zener:before{content:"\f279"}.ti-circuit-ground:before{content:"\f27c"}.ti-circuit-ground-digital:before{content:"\f27b"}.ti-circuit-inductor:before{content:"\f27d"}.ti-circuit-motor:before{content:"\f27e"}.ti-circuit-pushbutton:before{content:"\f27f"}.ti-circuit-resistor:before{content:"\f280"}.ti-circuit-switch-closed:before{content:"\f281"}.ti-circuit-switch-open:before{content:"\f282"}.ti-circuit-voltmeter:before{content:"\f283"}.ti-clear-all:before{content:"\ee41"}.ti-clear-formatting:before{content:"\ebe5"}.ti-clef:before{content:"\10240"}.ti-clef-staff:before{content:"\10241"}.ti-click:before{content:"\ebbc"}.ti-cliff-jumping:before{content:"\fefc"}.ti-clipboard:before{content:"\ea6f"}.ti-clipboard-check:before{content:"\ea6c"}.ti-clipboard-copy:before{content:"\f299"}.ti-clipboard-data:before{content:"\f563"}.ti-clipboard-heart:before{content:"\f34e"}.ti-clipboard-list:before{content:"\ea6d"}.ti-clipboard-off:before{content:"\f0ce"}.ti-clipboard-plus:before{content:"\efb2"}.ti-clipboard-search:before{content:"\10098"}.ti-clipboard-smile:before{content:"\fd9a"}.ti-clipboard-text:before{content:"\f089"}.ti-clipboard-typography:before{content:"\f34f"}.ti-clipboard-x:before{content:"\ea6e"}.ti-clock:before{content:"\ea70"}.ti-clock-12:before{content:"\fc56"}.ti-clock-2:before{content:"\f099"}.ti-clock-24:before{content:"\fc57"}.ti-clock-bitcoin:before{content:"\ff3f"}.ti-clock-bolt:before{content:"\f844"}.ti-clock-cancel:before{content:"\f546"}.ti-clock-check:before{content:"\f7c1"}.ti-clock-code:before{content:"\f845"}.ti-clock-cog:before{content:"\f7c2"}.ti-clock-dollar:before{content:"\f846"}.ti-clock-down:before{content:"\f7c3"}.ti-clock-edit:before{content:"\f547"}.ti-clock-exclamation:before{content:"\f847"}.ti-clock-heart:before{content:"\f7c4"}.ti-clock-hour-1:before{content:"\f313"}.ti-clock-hour-10:before{content:"\f314"}.ti-clock-hour-11:before{content:"\f315"}.ti-clock-hour-12:before{content:"\f316"}.ti-clock-hour-2:before{content:"\f317"}.ti-clock-hour-3:before{content:"\f318"}.ti-clock-hour-4:before{content:"\f319"}.ti-clock-hour-5:before{content:"\f31a"}.ti-clock-hour-6:before{content:"\f31b"}.ti-clock-hour-7:before{content:"\f31c"}.ti-clock-hour-8:before{content:"\f31d"}.ti-clock-hour-9:before{content:"\f31e"}.ti-clock-minus:before{content:"\f848"}.ti-clock-off:before{content:"\f0cf"}.ti-clock-pause:before{content:"\f548"}.ti-clock-pin:before{content:"\f849"}.ti-clock-play:before{content:"\f549"}.ti-clock-plus:before{content:"\f7c5"}.ti-clock-question:before{content:"\f7c6"}.ti-clock-record:before{content:"\f54a"}.ti-clock-search:before{content:"\f7c7"}.ti-clock-share:before{content:"\f84a"}.ti-clock-shield:before{content:"\f7c8"}.ti-clock-star:before{content:"\f7c9"}.ti-clock-stop:before{content:"\f54b"}.ti-clock-up:before{content:"\f7ca"}.ti-clock-x:before{content:"\f7cb"}.ti-clothes-rack:before{content:"\f285"}.ti-clothes-rack-off:before{content:"\f3d6"}.ti-cloud:before{content:"\ea76"}.ti-cloud-bitcoin:before{content:"\ff3e"}.ti-cloud-bolt:before{content:"\f84b"}.ti-cloud-cancel:before{content:"\f84c"}.ti-cloud-check:before{content:"\f84d"}.ti-cloud-code:before{content:"\f84e"}.ti-cloud-cog:before{content:"\f84f"}.ti-cloud-computing:before{content:"\f1d0"}.ti-cloud-data-connection:before{content:"\f1d1"}.ti-cloud-dollar:before{content:"\f850"}.ti-cloud-down:before{content:"\f851"}.ti-cloud-download:before{content:"\ea71"}.ti-cloud-exclamation:before{content:"\f852"}.ti-cloud-fog:before{content:"\ecd9"}.ti-cloud-heart:before{content:"\f853"}.ti-cloud-lock:before{content:"\efdb"}.ti-cloud-lock-open:before{content:"\efda"}.ti-cloud-minus:before{content:"\f854"}.ti-cloud-network:before{content:"\fc78"}.ti-cloud-off:before{content:"\ed3e"}.ti-cloud-pause:before{content:"\f855"}.ti-cloud-pin:before{content:"\f856"}.ti-cloud-plus:before{content:"\f857"}.ti-cloud-question:before{content:"\f858"}.ti-cloud-rain:before{content:"\ea72"}.ti-cloud-search:before{content:"\f859"}.ti-cloud-share:before{content:"\f85a"}.ti-cloud-snow:before{content:"\ea73"}.ti-cloud-star:before{content:"\f85b"}.ti-cloud-storm:before{content:"\ea74"}.ti-cloud-up:before{content:"\f85c"}.ti-cloud-upload:before{content:"\ea75"}.ti-cloud-x:before{content:"\f85d"}.ti-clover:before{content:"\f1ea"}.ti-clover-2:before{content:"\f21e"}.ti-clubs:before{content:"\eff4"}.ti-code:before{content:"\ea77"}.ti-code-ai:before{content:"\10267"}.ti-code-asterisk:before{content:"\f312"}.ti-code-circle:before{content:"\f4ff"}.ti-code-circle-2:before{content:"\f4fe"}.ti-code-dots:before{content:"\f61a"}.ti-code-minus:before{content:"\ee42"}.ti-code-off:before{content:"\f0d0"}.ti-code-plus:before{content:"\ee43"}.ti-code-variable:before{content:"\100ab"}.ti-code-variable-minus:before{content:"\100ad"}.ti-code-variable-plus:before{content:"\100ac"}.ti-codeblock:before{content:"\101f4"}.ti-coffee:before{content:"\ef0e"}.ti-coffee-off:before{content:"\f106"}.ti-coffin:before{content:"\f579"}.ti-coin:before{content:"\eb82"}.ti-coin-bitcoin:before{content:"\f2be"}.ti-coin-euro:before{content:"\f2bf"}.ti-coin-monero:before{content:"\f4a0"}.ti-coin-off:before{content:"\f0d1"}.ti-coin-pound:before{content:"\f2c0"}.ti-coin-rupee:before{content:"\f2c1"}.ti-coin-taka:before{content:"\fd0d"}.ti-coin-yen:before{content:"\f2c2"}.ti-coin-yuan:before{content:"\f2c3"}.ti-coins:before{content:"\f65d"}.ti-color-filter:before{content:"\f5a8"}.ti-color-picker:before{content:"\ebe6"}.ti-color-picker-off:before{content:"\f0d2"}.ti-color-swatch:before{content:"\eb61"}.ti-color-swatch-off:before{content:"\f0d3"}.ti-column-insert-left:before{content:"\ee44"}.ti-column-insert-right:before{content:"\ee45"}.ti-column-remove:before{content:"\faf4"}.ti-columns:before{content:"\eb83"}.ti-columns-1:before{content:"\f6d4"}.ti-columns-2:before{content:"\f6d5"}.ti-columns-3:before{content:"\f6d6"}.ti-columns-off:before{content:"\f0d4"}.ti-comet:before{content:"\ec76"}.ti-command:before{content:"\ea78"}.ti-command-off:before{content:"\f3d7"}.ti-compass:before{content:"\ea79"}.ti-compass-off:before{content:"\f0d5"}.ti-components:before{content:"\efa5"}.ti-components-off:before{content:"\f0d6"}.ti-cone:before{content:"\efdd"}.ti-cone-2:before{content:"\efdc"}.ti-cone-off:before{content:"\f3d8"}.ti-cone-plus:before{content:"\fa94"}.ti-confetti:before{content:"\ee46"}.ti-confetti-off:before{content:"\f3d9"}.ti-confucius:before{content:"\f58a"}.ti-congruent-to:before{content:"\ffa3"}.ti-connection:before{content:"\101f3"}.ti-container:before{content:"\ee47"}.ti-container-off:before{content:"\f107"}.ti-contract:before{content:"\fefb"}.ti-contrast:before{content:"\ec4e"}.ti-contrast-2:before{content:"\efc7"}.ti-contrast-2-off:before{content:"\f3da"}.ti-contrast-off:before{content:"\f3db"}.ti-cooker:before{content:"\f57a"}.ti-cookie:before{content:"\fdb1"}.ti-cookie-man:before{content:"\fdb2"}.ti-cookie-off:before{content:"\f0d7"}.ti-copy:before{content:"\ea7a"}.ti-copy-check:before{content:"\fdb0"}.ti-copy-minus:before{content:"\fdaf"}.ti-copy-off:before{content:"\f0d8"}.ti-copy-plus:before{content:"\fdae"}.ti-copy-x:before{content:"\fdad"}.ti-copyleft:before{content:"\ec3d"}.ti-copyleft-off:before{content:"\f0d9"}.ti-copyright:before{content:"\ea7b"}.ti-copyright-off:before{content:"\f0da"}.ti-corner-down-left:before{content:"\ea7c"}.ti-corner-down-left-double:before{content:"\ee48"}.ti-corner-down-right:before{content:"\ea7d"}.ti-corner-down-right-double:before{content:"\ee49"}.ti-corner-left-down:before{content:"\ea7e"}.ti-corner-left-down-double:before{content:"\ee4a"}.ti-corner-left-up:before{content:"\ea7f"}.ti-corner-left-up-double:before{content:"\ee4b"}.ti-corner-right-down:before{content:"\ea80"}.ti-corner-right-down-double:before{content:"\ee4c"}.ti-corner-right-up:before{content:"\ea81"}.ti-corner-right-up-double:before{content:"\ee4d"}.ti-corner-up-left:before{content:"\ea82"}.ti-corner-up-left-double:before{content:"\ee4e"}.ti-corner-up-right:before{content:"\ea83"}.ti-corner-up-right-double:before{content:"\ee4f"}.ti-cpu:before{content:"\ef8e"}.ti-cpu-2:before{content:"\f075"}.ti-cpu-off:before{content:"\f108"}.ti-crane:before{content:"\ef27"}.ti-crane-off:before{content:"\f109"}.ti-creative-commons:before{content:"\efb3"}.ti-creative-commons-by:before{content:"\f21f"}.ti-creative-commons-nc:before{content:"\f220"}.ti-creative-commons-nd:before{content:"\f221"}.ti-creative-commons-off:before{content:"\f10a"}.ti-creative-commons-sa:before{content:"\f222"}.ti-creative-commons-zero:before{content:"\f223"}.ti-credit-card:before{content:"\ea84"}.ti-credit-card-hand:before{content:"\1022e"}.ti-credit-card-off:before{content:"\ed11"}.ti-credit-card-pay:before{content:"\fd32"}.ti-credit-card-refund:before{content:"\fd33"}.ti-credits:before{content:"\101f2"}.ti-cricket:before{content:"\f09a"}.ti-crop:before{content:"\ea85"}.ti-crop-1-1:before{content:"\fd50"}.ti-crop-16-9:before{content:"\fd51"}.ti-crop-3-2:before{content:"\fd52"}.ti-crop-5-4:before{content:"\fd53"}.ti-crop-7-5:before{content:"\fd54"}.ti-crop-landscape:before{content:"\fd55"}.ti-crop-portrait:before{content:"\fd56"}.ti-cross:before{content:"\ef8f"}.ti-cross-off:before{content:"\f10b"}.ti-crosshair:before{content:"\ec3e"}.ti-crown:before{content:"\ed12"}.ti-crown-off:before{content:"\ee50"}.ti-crutches:before{content:"\ef5b"}.ti-crutches-off:before{content:"\f10c"}.ti-crystal-ball:before{content:"\f57b"}.ti-csv:before{content:"\f791"}.ti-cube:before{content:"\fa97"}.ti-cube-3d-sphere:before{content:"\ecd7"}.ti-cube-3d-sphere-off:before{content:"\f3b5"}.ti-cube-off:before{content:"\fa95"}.ti-cube-plus:before{content:"\fa96"}.ti-cube-send:before{content:"\f61b"}.ti-cube-spark:before{content:"\ffbb"}.ti-cube-unfolded:before{content:"\f61c"}.ti-cup:before{content:"\ef28"}.ti-cup-off:before{content:"\f10d"}.ti-curling:before{content:"\efc8"}.ti-curly-loop:before{content:"\ecda"}.ti-currency:before{content:"\efa6"}.ti-currency-afghani:before{content:"\f65e"}.ti-currency-bahraini:before{content:"\ee51"}.ti-currency-baht:before{content:"\f08a"}.ti-currency-bitcoin:before{content:"\ebab"}.ti-currency-cent:before{content:"\ee53"}.ti-currency-dinar:before{content:"\ee54"}.ti-currency-dirham:before{content:"\ee55"}.ti-currency-dogecoin:before{content:"\ef4b"}.ti-currency-dollar:before{content:"\eb84"}.ti-currency-dollar-australian:before{content:"\ee56"}.ti-currency-dollar-brunei:before{content:"\f36c"}.ti-currency-dollar-canadian:before{content:"\ee57"}.ti-currency-dollar-guyanese:before{content:"\f36d"}.ti-currency-dollar-off:before{content:"\f3dc"}.ti-currency-dollar-singapore:before{content:"\ee58"}.ti-currency-dollar-zimbabwean:before{content:"\f36e"}.ti-currency-dong:before{content:"\f36f"}.ti-currency-dram:before{content:"\f370"}.ti-currency-ethereum:before{content:"\ee59"}.ti-currency-euro:before{content:"\eb85"}.ti-currency-euro-off:before{content:"\f3dd"}.ti-currency-florin:before{content:"\faf5"}.ti-currency-forint:before{content:"\ee5a"}.ti-currency-frank:before{content:"\ee5b"}.ti-currency-guarani:before{content:"\f371"}.ti-currency-hryvnia:before{content:"\f372"}.ti-currency-husd:before{content:"\1023f"}.ti-currency-iranian-rial:before{content:"\fa58"}.ti-currency-kip:before{content:"\f373"}.ti-currency-krone-czech:before{content:"\ee5c"}.ti-currency-krone-danish:before{content:"\ee5d"}.ti-currency-krone-swedish:before{content:"\ee5e"}.ti-currency-lari:before{content:"\f374"}.ti-currency-leu:before{content:"\ee5f"}.ti-currency-lira:before{content:"\ee60"}.ti-currency-litecoin:before{content:"\ee61"}.ti-currency-lyd:before{content:"\f375"}.ti-currency-manat:before{content:"\f376"}.ti-currency-monero:before{content:"\f377"}.ti-currency-naira:before{content:"\ee62"}.ti-currency-nano:before{content:"\f7a6"}.ti-currency-off:before{content:"\f3de"}.ti-currency-paanga:before{content:"\f378"}.ti-currency-peso:before{content:"\f65f"}.ti-currency-pound:before{content:"\ebac"}.ti-currency-pound-off:before{content:"\f3df"}.ti-currency-quetzal:before{content:"\f379"}.ti-currency-real:before{content:"\ee63"}.ti-currency-renminbi:before{content:"\ee64"}.ti-currency-ripple:before{content:"\ee65"}.ti-currency-riyal:before{content:"\ee66"}.ti-currency-ruble:before{content:"\ee67"}.ti-currency-rufiyaa:before{content:"\f37a"}.ti-currency-rupee:before{content:"\ebad"}.ti-currency-rupee-nepalese:before{content:"\f37b"}.ti-currency-shekel:before{content:"\ee68"}.ti-currency-solana:before{content:"\f4a1"}.ti-currency-som:before{content:"\f37c"}.ti-currency-taka:before{content:"\ee69"}.ti-currency-tenge:before{content:"\f37d"}.ti-currency-tether:before{content:"\1023e"}.ti-currency-tugrik:before{content:"\ee6a"}.ti-currency-won:before{content:"\ee6b"}.ti-currency-xrp:before{content:"\fd34"}.ti-currency-yen:before{content:"\ebae"}.ti-currency-yen-off:before{content:"\f3e0"}.ti-currency-yuan:before{content:"\f29a"}.ti-currency-zcash:before{content:"\1023d"}.ti-currency-zloty:before{content:"\ee6c"}.ti-current-location:before{content:"\ecef"}.ti-current-location-off:before{content:"\f10e"}.ti-cursor-off:before{content:"\f10f"}.ti-cursor-text:before{content:"\ee6d"}.ti-cut:before{content:"\ea86"}.ti-cylinder:before{content:"\f54c"}.ti-cylinder-off:before{content:"\fa98"}.ti-cylinder-plus:before{content:"\fa99"}.ti-dashboard:before{content:"\ea87"}.ti-dashboard-off:before{content:"\f3e1"}.ti-database:before{content:"\ea88"}.ti-database-cog:before{content:"\fa10"}.ti-database-dollar:before{content:"\fa11"}.ti-database-edit:before{content:"\fa12"}.ti-database-exclamation:before{content:"\fa13"}.ti-database-export:before{content:"\ee6e"}.ti-database-heart:before{content:"\fa14"}.ti-database-import:before{content:"\ee6f"}.ti-database-leak:before{content:"\fa15"}.ti-database-minus:before{content:"\fa16"}.ti-database-off:before{content:"\ee70"}.ti-database-plus:before{content:"\fa17"}.ti-database-search:before{content:"\fa18"}.ti-database-share:before{content:"\fa19"}.ti-database-smile:before{content:"\fd9b"}.ti-database-star:before{content:"\fa1a"}.ti-database-x:before{content:"\fa1b"}.ti-deaf:before{content:"\101ac"}.ti-decimal:before{content:"\fa26"}.ti-deer:before{content:"\f4c5"}.ti-delta:before{content:"\f53c"}.ti-dental:before{content:"\f025"}.ti-dental-broken:before{content:"\f286"}.ti-dental-off:before{content:"\f110"}.ti-deselect:before{content:"\f9f3"}.ti-desk:before{content:"\fd35"}.ti-details:before{content:"\ee71"}.ti-details-off:before{content:"\f3e2"}.ti-device-3d-camera:before{content:"\1022d"}.ti-device-3d-lens:before{content:"\1022c"}.ti-device-airpods:before{content:"\f5a9"}.ti-device-airpods-case:before{content:"\f646"}.ti-device-airtag:before{content:"\fae6"}.ti-device-analytics:before{content:"\ee72"}.ti-device-audio-tape:before{content:"\ee73"}.ti-device-camera-phone:before{content:"\f233"}.ti-device-cctv:before{content:"\ee74"}.ti-device-cctv-off:before{content:"\f3e3"}.ti-device-computer-camera:before{content:"\ee76"}.ti-device-computer-camera-2:before{content:"\1023c"}.ti-device-computer-camera-off:before{content:"\ee75"}.ti-device-desktop:before{content:"\ea89"}.ti-device-desktop-analytics:before{content:"\ee77"}.ti-device-desktop-bolt:before{content:"\f85e"}.ti-device-desktop-cancel:before{content:"\f85f"}.ti-device-desktop-check:before{content:"\f860"}.ti-device-desktop-code:before{content:"\f861"}.ti-device-desktop-cog:before{content:"\f862"}.ti-device-desktop-dollar:before{content:"\f863"}.ti-device-desktop-down:before{content:"\f864"}.ti-device-desktop-exclamation:before{content:"\f865"}.ti-device-desktop-heart:before{content:"\f866"}.ti-device-desktop-minus:before{content:"\f867"}.ti-device-desktop-off:before{content:"\ee78"}.ti-device-desktop-pause:before{content:"\f868"}.ti-device-desktop-pin:before{content:"\f869"}.ti-device-desktop-plus:before{content:"\f86a"}.ti-device-desktop-question:before{content:"\f86b"}.ti-device-desktop-search:before{content:"\f86c"}.ti-device-desktop-share:before{content:"\f86d"}.ti-device-desktop-star:before{content:"\f86e"}.ti-device-desktop-up:before{content:"\f86f"}.ti-device-desktop-x:before{content:"\f870"}.ti-device-floppy:before{content:"\eb62"}.ti-device-gamepad:before{content:"\eb63"}.ti-device-gamepad-2:before{content:"\f1d2"}.ti-device-gamepad-3:before{content:"\fc58"}.ti-device-heart-monitor:before{content:"\f060"}.ti-device-imac:before{content:"\f7a7"}.ti-device-imac-bolt:before{content:"\f871"}.ti-device-imac-cancel:before{content:"\f872"}.ti-device-imac-check:before{content:"\f873"}.ti-device-imac-code:before{content:"\f874"}.ti-device-imac-cog:before{content:"\f875"}.ti-device-imac-dollar:before{content:"\f876"}.ti-device-imac-down:before{content:"\f877"}.ti-device-imac-exclamation:before{content:"\f878"}.ti-device-imac-heart:before{content:"\f879"}.ti-device-imac-minus:before{content:"\f87a"}.ti-device-imac-off:before{content:"\f87b"}.ti-device-imac-pause:before{content:"\f87c"}.ti-device-imac-pin:before{content:"\f87d"}.ti-device-imac-plus:before{content:"\f87e"}.ti-device-imac-question:before{content:"\f87f"}.ti-device-imac-search:before{content:"\f880"}.ti-device-imac-share:before{content:"\f881"}.ti-device-imac-star:before{content:"\f882"}.ti-device-imac-up:before{content:"\f883"}.ti-device-imac-x:before{content:"\f884"}.ti-device-ipad:before{content:"\f648"}.ti-device-ipad-bolt:before{content:"\f885"}.ti-device-ipad-cancel:before{content:"\f886"}.ti-device-ipad-check:before{content:"\f887"}.ti-device-ipad-code:before{content:"\f888"}.ti-device-ipad-cog:before{content:"\f889"}.ti-device-ipad-dollar:before{content:"\f88a"}.ti-device-ipad-down:before{content:"\f88b"}.ti-device-ipad-exclamation:before{content:"\f88c"}.ti-device-ipad-heart:before{content:"\f88d"}.ti-device-ipad-horizontal:before{content:"\f647"}.ti-device-ipad-horizontal-bolt:before{content:"\f88e"}.ti-device-ipad-horizontal-cancel:before{content:"\f88f"}.ti-device-ipad-horizontal-check:before{content:"\f890"}.ti-device-ipad-horizontal-code:before{content:"\f891"}.ti-device-ipad-horizontal-cog:before{content:"\f892"}.ti-device-ipad-horizontal-dollar:before{content:"\f893"}.ti-device-ipad-horizontal-down:before{content:"\f894"}.ti-device-ipad-horizontal-exclamation:before{content:"\f895"}.ti-device-ipad-horizontal-heart:before{content:"\f896"}.ti-device-ipad-horizontal-minus:before{content:"\f897"}.ti-device-ipad-horizontal-off:before{content:"\f898"}.ti-device-ipad-horizontal-pause:before{content:"\f899"}.ti-device-ipad-horizontal-pin:before{content:"\f89a"}.ti-device-ipad-horizontal-plus:before{content:"\f89b"}.ti-device-ipad-horizontal-question:before{content:"\f89c"}.ti-device-ipad-horizontal-search:before{content:"\f89d"}.ti-device-ipad-horizontal-share:before{content:"\f89e"}.ti-device-ipad-horizontal-star:before{content:"\f89f"}.ti-device-ipad-horizontal-up:before{content:"\f8a0"}.ti-device-ipad-horizontal-x:before{content:"\f8a1"}.ti-device-ipad-minus:before{content:"\f8a2"}.ti-device-ipad-off:before{content:"\f8a3"}.ti-device-ipad-pause:before{content:"\f8a4"}.ti-device-ipad-pin:before{content:"\f8a5"}.ti-device-ipad-plus:before{content:"\f8a6"}.ti-device-ipad-question:before{content:"\f8a7"}.ti-device-ipad-search:before{content:"\f8a8"}.ti-device-ipad-share:before{content:"\f8a9"}.ti-device-ipad-star:before{content:"\f8aa"}.ti-device-ipad-up:before{content:"\f8ab"}.ti-device-ipad-x:before{content:"\f8ac"}.ti-device-landline-phone:before{content:"\f649"}.ti-device-laptop:before{content:"\eb64"}.ti-device-laptop-off:before{content:"\f061"}.ti-device-mobile:before{content:"\ea8a"}.ti-device-mobile-bolt:before{content:"\f8ad"}.ti-device-mobile-cancel:before{content:"\f8ae"}.ti-device-mobile-charging:before{content:"\f224"}.ti-device-mobile-check:before{content:"\f8af"}.ti-device-mobile-code:before{content:"\f8b0"}.ti-device-mobile-cog:before{content:"\f8b1"}.ti-device-mobile-dollar:before{content:"\f8b2"}.ti-device-mobile-down:before{content:"\f8b3"}.ti-device-mobile-exclamation:before{content:"\f8b4"}.ti-device-mobile-heart:before{content:"\f8b5"}.ti-device-mobile-message:before{content:"\ee79"}.ti-device-mobile-minus:before{content:"\f8b6"}.ti-device-mobile-off:before{content:"\f062"}.ti-device-mobile-pause:before{content:"\f8b7"}.ti-device-mobile-pin:before{content:"\f8b8"}.ti-device-mobile-plus:before{content:"\f8b9"}.ti-device-mobile-question:before{content:"\f8ba"}.ti-device-mobile-rotated:before{content:"\ecdb"}.ti-device-mobile-search:before{content:"\f8bb"}.ti-device-mobile-share:before{content:"\f8bc"}.ti-device-mobile-star:before{content:"\f8bd"}.ti-device-mobile-up:before{content:"\f8be"}.ti-device-mobile-vibration:before{content:"\eb86"}.ti-device-mobile-x:before{content:"\f8bf"}.ti-device-nintendo:before{content:"\f026"}.ti-device-nintendo-off:before{content:"\f111"}.ti-device-projector:before{content:"\fc11"}.ti-device-remote:before{content:"\f792"}.ti-device-screen:before{content:"\1022b"}.ti-device-sd-card:before{content:"\f384"}.ti-device-sim:before{content:"\f4b2"}.ti-device-sim-1:before{content:"\f4af"}.ti-device-sim-2:before{content:"\f4b0"}.ti-device-sim-3:before{content:"\f4b1"}.ti-device-speaker:before{content:"\ea8b"}.ti-device-speaker-off:before{content:"\f112"}.ti-device-tablet:before{content:"\ea8c"}.ti-device-tablet-bolt:before{content:"\f8c0"}.ti-device-tablet-cancel:before{content:"\f8c1"}.ti-device-tablet-check:before{content:"\f8c2"}.ti-device-tablet-code:before{content:"\f8c3"}.ti-device-tablet-cog:before{content:"\f8c4"}.ti-device-tablet-dollar:before{content:"\f8c5"}.ti-device-tablet-down:before{content:"\f8c6"}.ti-device-tablet-exclamation:before{content:"\f8c7"}.ti-device-tablet-heart:before{content:"\f8c8"}.ti-device-tablet-minus:before{content:"\f8c9"}.ti-device-tablet-off:before{content:"\f063"}.ti-device-tablet-pause:before{content:"\f8ca"}.ti-device-tablet-pin:before{content:"\f8cb"}.ti-device-tablet-plus:before{content:"\f8cc"}.ti-device-tablet-question:before{content:"\f8cd"}.ti-device-tablet-search:before{content:"\f8ce"}.ti-device-tablet-share:before{content:"\f8cf"}.ti-device-tablet-star:before{content:"\f8d0"}.ti-device-tablet-up:before{content:"\f8d1"}.ti-device-tablet-x:before{content:"\f8d2"}.ti-device-tv:before{content:"\ea8d"}.ti-device-tv-off:before{content:"\f064"}.ti-device-tv-old:before{content:"\f1d3"}.ti-device-unknown:before{content:"\fef4"}.ti-device-usb:before{content:"\fc59"}.ti-device-vision-pro:before{content:"\fae7"}.ti-device-vision-pro-wifi:before{content:"\10274"}.ti-device-watch:before{content:"\ebf9"}.ti-device-watch-bolt:before{content:"\f8d3"}.ti-device-watch-cancel:before{content:"\f8d4"}.ti-device-watch-check:before{content:"\f8d5"}.ti-device-watch-code:before{content:"\f8d6"}.ti-device-watch-cog:before{content:"\f8d7"}.ti-device-watch-dollar:before{content:"\f8d8"}.ti-device-watch-down:before{content:"\f8d9"}.ti-device-watch-exclamation:before{content:"\f8da"}.ti-device-watch-heart:before{content:"\f8db"}.ti-device-watch-minus:before{content:"\f8dc"}.ti-device-watch-off:before{content:"\f065"}.ti-device-watch-pause:before{content:"\f8dd"}.ti-device-watch-pin:before{content:"\f8de"}.ti-device-watch-plus:before{content:"\f8df"}.ti-device-watch-question:before{content:"\f8e0"}.ti-device-watch-search:before{content:"\f8e1"}.ti-device-watch-share:before{content:"\f8e2"}.ti-device-watch-star:before{content:"\f8e3"}.ti-device-watch-stats:before{content:"\ef7d"}.ti-device-watch-stats-2:before{content:"\ef7c"}.ti-device-watch-up:before{content:"\f8e4"}.ti-device-watch-x:before{content:"\f8e5"}.ti-device-workstation:before{content:"\10273"}.ti-devices:before{content:"\eb87"}.ti-devices-2:before{content:"\ed29"}.ti-devices-bolt:before{content:"\f8e6"}.ti-devices-cancel:before{content:"\f8e7"}.ti-devices-check:before{content:"\f8e8"}.ti-devices-code:before{content:"\f8e9"}.ti-devices-cog:before{content:"\f8ea"}.ti-devices-dollar:before{content:"\f8eb"}.ti-devices-down:before{content:"\f8ec"}.ti-devices-exclamation:before{content:"\f8ed"}.ti-devices-heart:before{content:"\f8ee"}.ti-devices-minus:before{content:"\f8ef"}.ti-devices-off:before{content:"\f3e4"}.ti-devices-pause:before{content:"\f8f0"}.ti-devices-pc:before{content:"\ee7a"}.ti-devices-pc-off:before{content:"\f113"}.ti-devices-pin:before{content:"\f8f1"}.ti-devices-plus:before{content:"\f8f2"}.ti-devices-question:before{content:"\f8f3"}.ti-devices-search:before{content:"\f8f4"}.ti-devices-share:before{content:"\f8f5"}.ti-devices-star:before{content:"\f8f6"}.ti-devices-up:before{content:"\f8f7"}.ti-devices-x:before{content:"\f8f8"}.ti-diabolo:before{content:"\fa9c"}.ti-diabolo-off:before{content:"\fa9a"}.ti-diabolo-plus:before{content:"\fa9b"}.ti-dialpad:before{content:"\f067"}.ti-dialpad-off:before{content:"\f114"}.ti-diamond:before{content:"\eb65"}.ti-diamond-off:before{content:"\f115"}.ti-diamonds:before{content:"\eff5"}.ti-diaper:before{content:"\ffa2"}.ti-dice:before{content:"\eb66"}.ti-dice-1:before{content:"\f08b"}.ti-dice-2:before{content:"\f08c"}.ti-dice-3:before{content:"\f08d"}.ti-dice-4:before{content:"\f08e"}.ti-dice-5:before{content:"\f08f"}.ti-dice-6:before{content:"\f090"}.ti-dimensions:before{content:"\ee7b"}.ti-direction:before{content:"\ebfb"}.ti-direction-arrows:before{content:"\fd36"}.ti-direction-horizontal:before{content:"\ebfa"}.ti-direction-sign:before{content:"\f1f7"}.ti-direction-sign-off:before{content:"\f3e5"}.ti-directions:before{content:"\ea8e"}.ti-directions-off:before{content:"\f116"}.ti-disabled:before{content:"\ea8f"}.ti-disabled-2:before{content:"\ebaf"}.ti-disabled-off:before{content:"\f117"}.ti-disc:before{content:"\ea90"}.ti-disc-golf:before{content:"\f385"}.ti-disc-off:before{content:"\f118"}.ti-discount:before{content:"\ebbd"}.ti-discount-off:before{content:"\f3e7"}.ti-divide:before{content:"\ed5c"}.ti-dna:before{content:"\ee7d"}.ti-dna-2:before{content:"\ef5c"}.ti-dna-2-off:before{content:"\f119"}.ti-dna-off:before{content:"\f11a"}.ti-dog:before{content:"\f660"}.ti-dog-bowl:before{content:"\ef29"}.ti-door:before{content:"\ef4e"}.ti-door-enter:before{content:"\ef4c"}.ti-door-exit:before{content:"\ef4d"}.ti-door-hanger:before{content:"\1023b"}.ti-door-off:before{content:"\f11b"}.ti-dots:before{content:"\ea95"}.ti-dots-circle-horizontal:before{content:"\ea91"}.ti-dots-diagonal:before{content:"\ea93"}.ti-dots-diagonal-2:before{content:"\ea92"}.ti-dots-vertical:before{content:"\ea94"}.ti-download:before{content:"\ea96"}.ti-download-off:before{content:"\f11c"}.ti-drag-drop:before{content:"\eb89"}.ti-drag-drop-2:before{content:"\eb88"}.ti-dragon:before{content:"\10272"}.ti-drone:before{content:"\ed79"}.ti-drone-off:before{content:"\ee7e"}.ti-drop-circle:before{content:"\efde"}.ti-droplet:before{content:"\ea97"}.ti-droplet-bolt:before{content:"\f8f9"}.ti-droplet-cancel:before{content:"\f8fa"}.ti-droplet-check:before{content:"\f8fb"}.ti-droplet-code:before{content:"\f8fc"}.ti-droplet-cog:before{content:"\f8fd"}.ti-droplet-dollar:before{content:"\f8fe"}.ti-droplet-down:before{content:"\f8ff"}.ti-droplet-exclamation:before{content:"\f900"}.ti-droplet-half:before{content:"\ee82"}.ti-droplet-half-2:before{content:"\ee81"}.ti-droplet-heart:before{content:"\f901"}.ti-droplet-minus:before{content:"\f902"}.ti-droplet-off:before{content:"\ee83"}.ti-droplet-pause:before{content:"\f903"}.ti-droplet-pin:before{content:"\f904"}.ti-droplet-plus:before{content:"\f905"}.ti-droplet-question:before{content:"\f906"}.ti-droplet-search:before{content:"\f907"}.ti-droplet-share:before{content:"\f908"}.ti-droplet-star:before{content:"\f909"}.ti-droplet-up:before{content:"\f90a"}.ti-droplet-x:before{content:"\f90b"}.ti-droplets:before{content:"\fc12"}.ti-dual-screen:before{content:"\fa59"}.ti-dumbbell:before{content:"\1024d"}.ti-dumpling:before{content:"\feb5"}.ti-e-passport:before{content:"\f4df"}.ti-ear:before{content:"\ebce"}.ti-ear-off:before{content:"\ee84"}.ti-ear-scan:before{content:"\fd57"}.ti-earphone-bluetooth:before{content:"\1023a"}.ti-ease-in:before{content:"\f573"}.ti-ease-in-control-point:before{content:"\f570"}.ti-ease-in-out:before{content:"\f572"}.ti-ease-in-out-control-points:before{content:"\f571"}.ti-ease-out:before{content:"\f575"}.ti-ease-out-control-point:before{content:"\f574"}.ti-edit:before{content:"\ea98"}.ti-edit-circle:before{content:"\ee85"}.ti-edit-circle-off:before{content:"\f11d"}.ti-edit-off:before{content:"\f11e"}.ti-egg:before{content:"\eb8a"}.ti-egg-cracked:before{content:"\f2d6"}.ti-egg-fried:before{content:"\f386"}.ti-egg-off:before{content:"\f11f"}.ti-eggs:before{content:"\f500"}.ti-elevator:before{content:"\efdf"}.ti-elevator-off:before{content:"\f3e8"}.ti-email-stamp:before{content:"\10266"}.ti-emergency-bed:before{content:"\ef5d"}.ti-empathize:before{content:"\f29b"}.ti-empathize-off:before{content:"\f3e9"}.ti-emphasis:before{content:"\ebcf"}.ti-engine:before{content:"\ef7e"}.ti-engine-off:before{content:"\f120"}.ti-equal:before{content:"\ee87"}.ti-equal-double:before{content:"\f4e1"}.ti-equal-not:before{content:"\ee86"}.ti-eraser:before{content:"\eb8b"}.ti-eraser-off:before{content:"\f121"}.ti-error-404:before{content:"\f027"}.ti-error-404-off:before{content:"\f122"}.ti-escalator:before{content:"\fb06"}.ti-escalator-down:before{content:"\fb04"}.ti-escalator-up:before{content:"\fb05"}.ti-exchange:before{content:"\ebe7"}.ti-exchange-off:before{content:"\f123"}.ti-exclamation-circle:before{content:"\f634"}.ti-exclamation-mark:before{content:"\efb4"}.ti-exclamation-mark-off:before{content:"\f124"}.ti-exercise-ball:before{content:"\1024c"}.ti-explicit:before{content:"\f256"}.ti-explicit-off:before{content:"\f3ea"}.ti-exposure:before{content:"\eb8c"}.ti-exposure-0:before{content:"\f29c"}.ti-exposure-minus-1:before{content:"\f29d"}.ti-exposure-minus-2:before{content:"\f29e"}.ti-exposure-off:before{content:"\f3eb"}.ti-exposure-plus-1:before{content:"\f29f"}.ti-exposure-plus-2:before{content:"\f2a0"}.ti-external-link:before{content:"\ea99"}.ti-external-link-off:before{content:"\f125"}.ti-eye:before{content:"\ea9a"}.ti-eye-bitcoin:before{content:"\ff3d"}.ti-eye-bolt:before{content:"\fb6d"}.ti-eye-cancel:before{content:"\fb6e"}.ti-eye-check:before{content:"\ee88"}.ti-eye-closed:before{content:"\f7ec"}.ti-eye-code:before{content:"\fb6f"}.ti-eye-cog:before{content:"\f7ed"}.ti-eye-discount:before{content:"\fb70"}.ti-eye-dollar:before{content:"\fb71"}.ti-eye-dotted:before{content:"\fead"}.ti-eye-down:before{content:"\fb72"}.ti-eye-edit:before{content:"\f7ee"}.ti-eye-exclamation:before{content:"\f7ef"}.ti-eye-heart:before{content:"\f7f0"}.ti-eye-minus:before{content:"\fb73"}.ti-eye-off:before{content:"\ecf0"}.ti-eye-pause:before{content:"\fb74"}.ti-eye-pin:before{content:"\fb75"}.ti-eye-plus:before{content:"\fb76"}.ti-eye-question:before{content:"\fb77"}.ti-eye-search:before{content:"\fb78"}.ti-eye-share:before{content:"\fb79"}.ti-eye-spark:before{content:"\ffba"}.ti-eye-star:before{content:"\fb7a"}.ti-eye-table:before{content:"\ef5e"}.ti-eye-up:before{content:"\fb7b"}.ti-eye-x:before{content:"\f7f1"}.ti-eyeglass:before{content:"\ee8a"}.ti-eyeglass-2:before{content:"\ee89"}.ti-eyeglass-off:before{content:"\f126"}.ti-face-id:before{content:"\ea9b"}.ti-face-id-error:before{content:"\efa7"}.ti-face-mask:before{content:"\efb5"}.ti-face-mask-off:before{content:"\f127"}.ti-fall:before{content:"\ecb9"}.ti-favicon:before{content:"\fd65"}.ti-feather:before{content:"\ee8b"}.ti-feather-off:before{content:"\f128"}.ti-fence:before{content:"\ef2a"}.ti-fence-off:before{content:"\f129"}.ti-ferry:before{content:"\10074"}.ti-fidget-spinner:before{content:"\f068"}.ti-file:before{content:"\eaa4"}.ti-file-3d:before{content:"\f032"}.ti-file-ai:before{content:"\ffa1"}.ti-file-alert:before{content:"\ede6"}.ti-file-analytics:before{content:"\ede7"}.ti-file-arrow-left:before{content:"\f033"}.ti-file-arrow-right:before{content:"\f034"}.ti-file-barcode:before{content:"\f035"}.ti-file-bitcoin:before{content:"\ffa0"}.ti-file-broken:before{content:"\f501"}.ti-file-certificate:before{content:"\ed4d"}.ti-file-chart:before{content:"\f036"}.ti-file-check:before{content:"\ea9c"}.ti-file-code:before{content:"\ebd0"}.ti-file-code-2:before{content:"\ede8"}.ti-file-cv:before{content:"\fa5a"}.ti-file-database:before{content:"\f037"}.ti-file-delta:before{content:"\f53d"}.ti-file-description:before{content:"\f028"}.ti-file-diff:before{content:"\ecf1"}.ti-file-digit:before{content:"\efa8"}.ti-file-dislike:before{content:"\ed2a"}.ti-file-dollar:before{content:"\efe0"}.ti-file-dots:before{content:"\f038"}.ti-file-download:before{content:"\ea9d"}.ti-file-euro:before{content:"\efe1"}.ti-file-excel:before{content:"\fef3"}.ti-file-export:before{content:"\ede9"}.ti-file-function:before{content:"\f53e"}.ti-file-horizontal:before{content:"\ebb0"}.ti-file-import:before{content:"\edea"}.ti-file-infinity:before{content:"\f502"}.ti-file-info:before{content:"\edec"}.ti-file-invoice:before{content:"\eb67"}.ti-file-isr:before{content:"\feac"}.ti-file-lambda:before{content:"\f53f"}.ti-file-like:before{content:"\ed2b"}.ti-file-minus:before{content:"\ea9e"}.ti-file-music:before{content:"\ea9f"}.ti-file-neutral:before{content:"\fd22"}.ti-file-off:before{content:"\ecf2"}.ti-file-orientation:before{content:"\f2a1"}.ti-file-pencil:before{content:"\f039"}.ti-file-percent:before{content:"\f540"}.ti-file-phone:before{content:"\ecdc"}.ti-file-plus:before{content:"\eaa0"}.ti-file-power:before{content:"\f03a"}.ti-file-report:before{content:"\eded"}.ti-file-rss:before{content:"\f03b"}.ti-file-sad:before{content:"\fd23"}.ti-file-scissors:before{content:"\f03c"}.ti-file-search:before{content:"\ed5d"}.ti-file-settings:before{content:"\f029"}.ti-file-shredder:before{content:"\eaa1"}.ti-file-signal:before{content:"\f03d"}.ti-file-smile:before{content:"\fd24"}.ti-file-spark:before{content:"\ffb9"}.ti-file-spreadsheet:before{content:"\f03e"}.ti-file-stack:before{content:"\f503"}.ti-file-star:before{content:"\f03f"}.ti-file-symlink:before{content:"\ed53"}.ti-file-text:before{content:"\eaa2"}.ti-file-text-ai:before{content:"\fa27"}.ti-file-text-shield:before{content:"\100f2"}.ti-file-text-spark:before{content:"\ffb8"}.ti-file-time:before{content:"\f040"}.ti-file-type-bmp:before{content:"\fb07"}.ti-file-type-css:before{content:"\fb08"}.ti-file-type-csv:before{content:"\fb09"}.ti-file-type-doc:before{content:"\fb0a"}.ti-file-type-docx:before{content:"\fb0b"}.ti-file-type-html:before{content:"\fb0c"}.ti-file-type-jpg:before{content:"\fb0d"}.ti-file-type-js:before{content:"\fb0e"}.ti-file-type-jsx:before{content:"\fb0f"}.ti-file-type-pdf:before{content:"\fb10"}.ti-file-type-php:before{content:"\fb11"}.ti-file-type-png:before{content:"\fb12"}.ti-file-type-ppt:before{content:"\fb13"}.ti-file-type-rs:before{content:"\fb14"}.ti-file-type-sql:before{content:"\fb15"}.ti-file-type-svg:before{content:"\fb16"}.ti-file-type-ts:before{content:"\fb17"}.ti-file-type-tsx:before{content:"\fb18"}.ti-file-type-txt:before{content:"\fb19"}.ti-file-type-vue:before{content:"\fb1a"}.ti-file-type-xls:before{content:"\fb1b"}.ti-file-type-xml:before{content:"\fb1c"}.ti-file-type-zip:before{content:"\fb1d"}.ti-file-typography:before{content:"\f041"}.ti-file-unknown:before{content:"\f042"}.ti-file-upload:before{content:"\ec91"}.ti-file-vector:before{content:"\f043"}.ti-file-word:before{content:"\fef2"}.ti-file-x:before{content:"\eaa3"}.ti-file-zip:before{content:"\ed4e"}.ti-files:before{content:"\edef"}.ti-files-off:before{content:"\edee"}.ti-filter:before{content:"\eaa5"}.ti-filter-2:before{content:"\1014b"}.ti-filter-2-bolt:before{content:"\1015f"}.ti-filter-2-cancel:before{content:"\1015e"}.ti-filter-2-check:before{content:"\1015d"}.ti-filter-2-code:before{content:"\1015c"}.ti-filter-2-cog:before{content:"\1015b"}.ti-filter-2-discount:before{content:"\1015a"}.ti-filter-2-dollar:before{content:"\10159"}.ti-filter-2-down:before{content:"\10158"}.ti-filter-2-edit:before{content:"\10157"}.ti-filter-2-exclamation:before{content:"\10156"}.ti-filter-2-minus:before{content:"\10155"}.ti-filter-2-pause:before{content:"\10154"}.ti-filter-2-pin:before{content:"\10153"}.ti-filter-2-plus:before{content:"\10152"}.ti-filter-2-question:before{content:"\10151"}.ti-filter-2-search:before{content:"\10150"}.ti-filter-2-share:before{content:"\1014f"}.ti-filter-2-spark:before{content:"\1014e"}.ti-filter-2-up:before{content:"\1014d"}.ti-filter-2-x:before{content:"\1014c"}.ti-filter-bolt:before{content:"\fb7c"}.ti-filter-cancel:before{content:"\fb7d"}.ti-filter-check:before{content:"\fb7e"}.ti-filter-code:before{content:"\fb7f"}.ti-filter-cog:before{content:"\f9fe"}.ti-filter-discount:before{content:"\fb80"}.ti-filter-dollar:before{content:"\f9ff"}.ti-filter-down:before{content:"\fb81"}.ti-filter-edit:before{content:"\fa00"}.ti-filter-exclamation:before{content:"\fb82"}.ti-filter-heart:before{content:"\fb83"}.ti-filter-minus:before{content:"\fa01"}.ti-filter-off:before{content:"\ed2c"}.ti-filter-pause:before{content:"\fb84"}.ti-filter-pin:before{content:"\fb85"}.ti-filter-plus:before{content:"\fa02"}.ti-filter-question:before{content:"\fb86"}.ti-filter-search:before{content:"\fb87"}.ti-filter-share:before{content:"\fb88"}.ti-filter-spark:before{content:"\1014a"}.ti-filter-star:before{content:"\fa03"}.ti-filter-up:before{content:"\fb89"}.ti-filter-x:before{content:"\fa04"}.ti-filters:before{content:"\f793"}.ti-fingerprint:before{content:"\ebd1"}.ti-fingerprint-off:before{content:"\f12a"}.ti-fingerprint-scan:before{content:"\fcb5"}.ti-fire-extinguisher:before{content:"\faf6"}.ti-fire-hydrant:before{content:"\f3a9"}.ti-fire-hydrant-off:before{content:"\f3ec"}.ti-firetruck:before{content:"\ebe8"}.ti-firewall-check:before{content:"\101f1"}.ti-firewall-flame:before{content:"\101f0"}.ti-first-aid-kit:before{content:"\ef5f"}.ti-first-aid-kit-off:before{content:"\f3ed"}.ti-fish:before{content:"\ef2b"}.ti-fish-bone:before{content:"\f287"}.ti-fish-christianity:before{content:"\f58b"}.ti-fish-hook:before{content:"\f1f9"}.ti-fish-hook-off:before{content:"\f3ee"}.ti-fish-off:before{content:"\f12b"}.ti-flag:before{content:"\eaa6"}.ti-flag-2:before{content:"\ee8c"}.ti-flag-2-off:before{content:"\f12c"}.ti-flag-3:before{content:"\ee8d"}.ti-flag-bitcoin:before{content:"\ff3c"}.ti-flag-bolt:before{content:"\fb8a"}.ti-flag-cancel:before{content:"\fb8b"}.ti-flag-check:before{content:"\fb8c"}.ti-flag-code:before{content:"\fb8d"}.ti-flag-cog:before{content:"\fb8e"}.ti-flag-discount:before{content:"\fb8f"}.ti-flag-dollar:before{content:"\fb90"}.ti-flag-down:before{content:"\fb91"}.ti-flag-exclamation:before{content:"\fb92"}.ti-flag-heart:before{content:"\fb93"}.ti-flag-minus:before{content:"\fb94"}.ti-flag-off:before{content:"\f12d"}.ti-flag-pause:before{content:"\fb95"}.ti-flag-pin:before{content:"\fb96"}.ti-flag-plus:before{content:"\fb97"}.ti-flag-question:before{content:"\fb98"}.ti-flag-search:before{content:"\fb99"}.ti-flag-share:before{content:"\fb9a"}.ti-flag-spark:before{content:"\ffb7"}.ti-flag-star:before{content:"\fb9b"}.ti-flag-up:before{content:"\fb9c"}.ti-flag-x:before{content:"\fb9d"}.ti-flame:before{content:"\ec2c"}.ti-flame-off:before{content:"\f12e"}.ti-flare:before{content:"\ee8e"}.ti-flask:before{content:"\ebd2"}.ti-flask-2:before{content:"\ef60"}.ti-flask-2-off:before{content:"\f12f"}.ti-flask-off:before{content:"\f130"}.ti-flip-flops:before{content:"\f564"}.ti-flip-horizontal:before{content:"\eaa7"}.ti-flip-vertical:before{content:"\eaa8"}.ti-float-center:before{content:"\ebb1"}.ti-float-left:before{content:"\ebb2"}.ti-float-none:before{content:"\ed13"}.ti-float-right:before{content:"\ebb3"}.ti-flood:before{content:"\1024b"}.ti-flower:before{content:"\eff6"}.ti-flower-off:before{content:"\f131"}.ti-focus:before{content:"\eb8d"}.ti-focus-2:before{content:"\ebd3"}.ti-focus-auto:before{content:"\fa62"}.ti-focus-centered:before{content:"\f02a"}.ti-fold:before{content:"\ed56"}.ti-fold-down:before{content:"\ed54"}.ti-fold-up:before{content:"\ed55"}.ti-folder:before{content:"\eaad"}.ti-folder-bolt:before{content:"\f90c"}.ti-folder-cancel:before{content:"\f90d"}.ti-folder-check:before{content:"\f90e"}.ti-folder-code:before{content:"\f90f"}.ti-folder-cog:before{content:"\f910"}.ti-folder-dollar:before{content:"\f911"}.ti-folder-down:before{content:"\f912"}.ti-folder-exclamation:before{content:"\f913"}.ti-folder-heart:before{content:"\f914"}.ti-folder-minus:before{content:"\eaaa"}.ti-folder-off:before{content:"\ed14"}.ti-folder-open:before{content:"\faf7"}.ti-folder-pause:before{content:"\f915"}.ti-folder-pin:before{content:"\f916"}.ti-folder-plus:before{content:"\eaab"}.ti-folder-question:before{content:"\f917"}.ti-folder-root:before{content:"\fd43"}.ti-folder-search:before{content:"\f918"}.ti-folder-share:before{content:"\f919"}.ti-folder-star:before{content:"\f91a"}.ti-folder-symlink:before{content:"\f91b"}.ti-folder-up:before{content:"\f91c"}.ti-folder-x:before{content:"\eaac"}.ti-folders:before{content:"\eaae"}.ti-folders-off:before{content:"\f133"}.ti-footsteps:before{content:"\10265"}.ti-forbid:before{content:"\ebd5"}.ti-forbid-2:before{content:"\ebd4"}.ti-forklift:before{content:"\ebe9"}.ti-forms:before{content:"\ee8f"}.ti-fountain:before{content:"\f09b"}.ti-fountain-off:before{content:"\f134"}.ti-frame:before{content:"\eaaf"}.ti-frame-off:before{content:"\f135"}.ti-free-rights:before{content:"\efb6"}.ti-freeze-column:before{content:"\fa63"}.ti-freeze-row:before{content:"\fa65"}.ti-freeze-row-column:before{content:"\fa64"}.ti-fridge:before{content:"\f1fa"}.ti-fridge-off:before{content:"\f3ef"}.ti-friends:before{content:"\eab0"}.ti-friends-off:before{content:"\f136"}.ti-frustum:before{content:"\fa9f"}.ti-frustum-off:before{content:"\fa9d"}.ti-frustum-plus:before{content:"\fa9e"}.ti-function:before{content:"\f225"}.ti-function-off:before{content:"\f3f0"}.ti-galaxy:before{content:"\fcb6"}.ti-garden-cart:before{content:"\f23e"}.ti-garden-cart-off:before{content:"\f3f1"}.ti-gas-station:before{content:"\ec7d"}.ti-gas-station-off:before{content:"\f137"}.ti-gauge:before{content:"\eab1"}.ti-gauge-off:before{content:"\f138"}.ti-gavel:before{content:"\ef90"}.ti-gender-agender:before{content:"\f0e1"}.ti-gender-androgyne:before{content:"\f0e2"}.ti-gender-bigender:before{content:"\f0e3"}.ti-gender-demiboy:before{content:"\f0e4"}.ti-gender-demigirl:before{content:"\f0e5"}.ti-gender-epicene:before{content:"\f0e6"}.ti-gender-female:before{content:"\f0e7"}.ti-gender-femme:before{content:"\f0e8"}.ti-gender-genderfluid:before{content:"\f0e9"}.ti-gender-genderless:before{content:"\f0ea"}.ti-gender-genderqueer:before{content:"\f0eb"}.ti-gender-hermaphrodite:before{content:"\f0ec"}.ti-gender-intergender:before{content:"\f0ed"}.ti-gender-male:before{content:"\f0ee"}.ti-gender-neutrois:before{content:"\f0ef"}.ti-gender-third:before{content:"\f0f0"}.ti-gender-transgender:before{content:"\f0f1"}.ti-gender-travesti:before{content:"\f0f2"}.ti-geometry:before{content:"\ee90"}.ti-ghost:before{content:"\eb8e"}.ti-ghost-2:before{content:"\f57c"}.ti-ghost-3:before{content:"\fc13"}.ti-ghost-off:before{content:"\f3f2"}.ti-gif:before{content:"\f257"}.ti-gift:before{content:"\eb68"}.ti-gift-card:before{content:"\f3aa"}.ti-gift-off:before{content:"\f3f3"}.ti-git-branch:before{content:"\eab2"}.ti-git-branch-deleted:before{content:"\f57d"}.ti-git-cherry-pick:before{content:"\f57e"}.ti-git-commit:before{content:"\eab3"}.ti-git-compare:before{content:"\eab4"}.ti-git-fork:before{content:"\eb8f"}.ti-git-merge:before{content:"\eab5"}.ti-git-pull-request:before{content:"\eab6"}.ti-git-pull-request-closed:before{content:"\ef7f"}.ti-git-pull-request-conflict:before{content:"\10264"}.ti-git-pull-request-draft:before{content:"\efb7"}.ti-gizmo:before{content:"\f02b"}.ti-glass:before{content:"\eab8"}.ti-glass-champagne:before{content:"\fd9c"}.ti-glass-cocktail:before{content:"\fd9d"}.ti-glass-full:before{content:"\eab7"}.ti-glass-gin:before{content:"\fd9e"}.ti-glass-off:before{content:"\ee91"}.ti-globe:before{content:"\eab9"}.ti-globe-off:before{content:"\f139"}.ti-go-game:before{content:"\f512"}.ti-golf:before{content:"\ed8c"}.ti-golf-off:before{content:"\f13a"}.ti-gps:before{content:"\ed7a"}.ti-gradienter:before{content:"\f3ab"}.ti-grain:before{content:"\ee92"}.ti-grape:before{content:"\10239"}.ti-graph:before{content:"\f288"}.ti-graph-off:before{content:"\f3f4"}.ti-grave:before{content:"\f580"}.ti-grave-2:before{content:"\f57f"}.ti-grid-3x3:before{content:"\fca4"}.ti-grid-4x4:before{content:"\fca5"}.ti-grid-dots:before{content:"\eaba"}.ti-grid-goldenratio:before{content:"\fca6"}.ti-grid-pattern:before{content:"\efc9"}.ti-grid-scan:before{content:"\fca7"}.ti-grill:before{content:"\efa9"}.ti-grill-fork:before{content:"\f35b"}.ti-grill-off:before{content:"\f3f5"}.ti-grill-spatula:before{content:"\f35c"}.ti-grip-horizontal:before{content:"\ec00"}.ti-grip-vertical:before{content:"\ec01"}.ti-growth:before{content:"\ee93"}.ti-guitar-pick:before{content:"\f4c6"}.ti-gymnastics:before{content:"\fd44"}.ti-h-1:before{content:"\ec94"}.ti-h-2:before{content:"\ec95"}.ti-h-3:before{content:"\ec96"}.ti-h-4:before{content:"\ec97"}.ti-h-5:before{content:"\ec98"}.ti-h-6:before{content:"\ec99"}.ti-hammer:before{content:"\ef91"}.ti-hammer-drill:before{content:"\10238"}.ti-hammer-off:before{content:"\f13c"}.ti-hand-click:before{content:"\ef4f"}.ti-hand-click-off:before{content:"\100f1"}.ti-hand-finger:before{content:"\ee94"}.ti-hand-finger-down:before{content:"\ff4f"}.ti-hand-finger-left:before{content:"\ff4e"}.ti-hand-finger-off:before{content:"\f13d"}.ti-hand-finger-right:before{content:"\ff4d"}.ti-hand-grab:before{content:"\f091"}.ti-hand-little-finger:before{content:"\ee95"}.ti-hand-love-you:before{content:"\ee97"}.ti-hand-middle-finger:before{content:"\ec2d"}.ti-hand-move:before{content:"\ef50"}.ti-hand-off:before{content:"\ed15"}.ti-hand-ring-finger:before{content:"\ee96"}.ti-hand-sanitizer:before{content:"\f5f4"}.ti-hand-stop:before{content:"\ec2e"}.ti-hand-three-fingers:before{content:"\ee98"}.ti-hand-two-fingers:before{content:"\ee99"}.ti-hanger:before{content:"\ee9a"}.ti-hanger-2:before{content:"\f09c"}.ti-hanger-off:before{content:"\f13e"}.ti-hash:before{content:"\eabc"}.ti-haze:before{content:"\efaa"}.ti-haze-moon:before{content:"\faf8"}.ti-hdr:before{content:"\fa7b"}.ti-heading:before{content:"\ee9b"}.ti-heading-off:before{content:"\f13f"}.ti-headphones:before{content:"\eabd"}.ti-headphones-off:before{content:"\ed1d"}.ti-headset:before{content:"\eb90"}.ti-headset-off:before{content:"\f3f6"}.ti-health-recognition:before{content:"\f1fb"}.ti-heart:before{content:"\eabe"}.ti-heart-bitcoin:before{content:"\ff3b"}.ti-heart-bolt:before{content:"\fb9e"}.ti-heart-broken:before{content:"\ecba"}.ti-heart-cancel:before{content:"\fb9f"}.ti-heart-check:before{content:"\fba0"}.ti-heart-code:before{content:"\fba1"}.ti-heart-cog:before{content:"\fba2"}.ti-heart-discount:before{content:"\fba3"}.ti-heart-dollar:before{content:"\fba4"}.ti-heart-down:before{content:"\fba5"}.ti-heart-exclamation:before{content:"\fba6"}.ti-heart-handshake:before{content:"\f0f3"}.ti-heart-minus:before{content:"\f140"}.ti-heart-off:before{content:"\f141"}.ti-heart-pause:before{content:"\fba7"}.ti-heart-pin:before{content:"\fba8"}.ti-heart-plus:before{content:"\f142"}.ti-heart-question:before{content:"\fba9"}.ti-heart-rate-monitor:before{content:"\ef61"}.ti-heart-search:before{content:"\fbaa"}.ti-heart-share:before{content:"\fbab"}.ti-heart-spark:before{content:"\ffb6"}.ti-heart-star:before{content:"\fbac"}.ti-heart-up:before{content:"\fbad"}.ti-heart-x:before{content:"\fbae"}.ti-heartbeat:before{content:"\ef92"}.ti-hearts:before{content:"\f387"}.ti-hearts-off:before{content:"\f3f7"}.ti-helicopter:before{content:"\ed8e"}.ti-helicopter-landing:before{content:"\ed8d"}.ti-helmet:before{content:"\efca"}.ti-helmet-off:before{content:"\f143"}.ti-help:before{content:"\eabf"}.ti-help-circle:before{content:"\f91d"}.ti-help-hexagon:before{content:"\f7a8"}.ti-help-octagon:before{content:"\f7a9"}.ti-help-off:before{content:"\f3f8"}.ti-help-small:before{content:"\f91e"}.ti-help-square:before{content:"\f920"}.ti-help-square-rounded:before{content:"\f91f"}.ti-help-triangle:before{content:"\f921"}.ti-hemisphere:before{content:"\faa2"}.ti-hemisphere-off:before{content:"\faa0"}.ti-hemisphere-plus:before{content:"\faa1"}.ti-hexagon:before{content:"\ec02"}.ti-hexagon-3d:before{content:"\f4c7"}.ti-hexagon-asterisk:before{content:"\101ab"}.ti-hexagon-letter-a:before{content:"\f463"}.ti-hexagon-letter-b:before{content:"\f464"}.ti-hexagon-letter-c:before{content:"\f465"}.ti-hexagon-letter-d:before{content:"\f466"}.ti-hexagon-letter-e:before{content:"\f467"}.ti-hexagon-letter-f:before{content:"\f468"}.ti-hexagon-letter-g:before{content:"\f469"}.ti-hexagon-letter-h:before{content:"\f46a"}.ti-hexagon-letter-i:before{content:"\f46b"}.ti-hexagon-letter-j:before{content:"\f46c"}.ti-hexagon-letter-k:before{content:"\f46d"}.ti-hexagon-letter-l:before{content:"\f46e"}.ti-hexagon-letter-m:before{content:"\f46f"}.ti-hexagon-letter-n:before{content:"\f470"}.ti-hexagon-letter-o:before{content:"\f471"}.ti-hexagon-letter-p:before{content:"\f472"}.ti-hexagon-letter-q:before{content:"\f473"}.ti-hexagon-letter-r:before{content:"\f474"}.ti-hexagon-letter-s:before{content:"\f475"}.ti-hexagon-letter-t:before{content:"\f476"}.ti-hexagon-letter-u:before{content:"\f477"}.ti-hexagon-letter-v:before{content:"\f4b3"}.ti-hexagon-letter-w:before{content:"\f478"}.ti-hexagon-letter-x:before{content:"\f479"}.ti-hexagon-letter-y:before{content:"\f47a"}.ti-hexagon-letter-z:before{content:"\f47b"}.ti-hexagon-minus:before{content:"\fc8f"}.ti-hexagon-minus-2:before{content:"\fc8e"}.ti-hexagon-number-0:before{content:"\f459"}.ti-hexagon-number-1:before{content:"\f45a"}.ti-hexagon-number-2:before{content:"\f45b"}.ti-hexagon-number-3:before{content:"\f45c"}.ti-hexagon-number-4:before{content:"\f45d"}.ti-hexagon-number-5:before{content:"\f45e"}.ti-hexagon-number-6:before{content:"\f45f"}.ti-hexagon-number-7:before{content:"\f460"}.ti-hexagon-number-8:before{content:"\f461"}.ti-hexagon-number-9:before{content:"\f462"}.ti-hexagon-off:before{content:"\ee9c"}.ti-hexagon-plus:before{content:"\fc45"}.ti-hexagon-plus-2:before{content:"\fc90"}.ti-hexagonal-prism:before{content:"\faa5"}.ti-hexagonal-prism-off:before{content:"\faa3"}.ti-hexagonal-prism-plus:before{content:"\faa4"}.ti-hexagonal-pyramid:before{content:"\faa8"}.ti-hexagonal-pyramid-off:before{content:"\faa6"}.ti-hexagonal-pyramid-plus:before{content:"\faa7"}.ti-hexagons:before{content:"\f09d"}.ti-hexagons-off:before{content:"\f3f9"}.ti-hierarchy:before{content:"\ee9e"}.ti-hierarchy-2:before{content:"\ee9d"}.ti-hierarchy-3:before{content:"\f289"}.ti-hierarchy-off:before{content:"\f3fa"}.ti-highlight:before{content:"\ef3f"}.ti-highlight-off:before{content:"\f144"}.ti-history:before{content:"\ebea"}.ti-history-off:before{content:"\f3fb"}.ti-history-toggle:before{content:"\f1fc"}.ti-home:before{content:"\eac1"}.ti-home-2:before{content:"\eac0"}.ti-home-bitcoin:before{content:"\ff3a"}.ti-home-bolt:before{content:"\f336"}.ti-home-cancel:before{content:"\f350"}.ti-home-check:before{content:"\f337"}.ti-home-cog:before{content:"\f338"}.ti-home-dollar:before{content:"\f339"}.ti-home-dot:before{content:"\f33a"}.ti-home-down:before{content:"\f33b"}.ti-home-eco:before{content:"\f351"}.ti-home-edit:before{content:"\f352"}.ti-home-exclamation:before{content:"\f33c"}.ti-home-hand:before{content:"\f504"}.ti-home-heart:before{content:"\f353"}.ti-home-infinity:before{content:"\f505"}.ti-home-link:before{content:"\f354"}.ti-home-lock:before{content:"\10204"}.ti-home-minus:before{content:"\f33d"}.ti-home-move:before{content:"\f33e"}.ti-home-off:before{content:"\f145"}.ti-home-plus:before{content:"\f33f"}.ti-home-question:before{content:"\f340"}.ti-home-ribbon:before{content:"\f355"}.ti-home-search:before{content:"\f341"}.ti-home-share:before{content:"\f342"}.ti-home-shield:before{content:"\f343"}.ti-home-signal:before{content:"\f356"}.ti-home-spark:before{content:"\ffb5"}.ti-home-star:before{content:"\f344"}.ti-home-stats:before{content:"\f345"}.ti-home-up:before{content:"\f346"}.ti-home-x:before{content:"\f347"}.ti-horse:before{content:"\fc46"}.ti-horse-toy:before{content:"\f28a"}.ti-horseshoe:before{content:"\fcb7"}.ti-hospital:before{content:"\fd59"}.ti-hospital-circle:before{content:"\fd58"}.ti-hotel-service:before{content:"\ef80"}.ti-hourglass:before{content:"\ef93"}.ti-hourglass-empty:before{content:"\f146"}.ti-hourglass-high:before{content:"\f092"}.ti-hourglass-low:before{content:"\f093"}.ti-hourglass-off:before{content:"\f147"}.ti-hours-12:before{content:"\fc53"}.ti-hours-24:before{content:"\f5e7"}.ti-html:before{content:"\f7b1"}.ti-http-connect:before{content:"\fa28"}.ti-http-connect-off:before{content:"\100e7"}.ti-http-delete:before{content:"\fa29"}.ti-http-delete-off:before{content:"\100e6"}.ti-http-get:before{content:"\fa2a"}.ti-http-get-off:before{content:"\100e5"}.ti-http-head:before{content:"\fa2b"}.ti-http-head-off:before{content:"\100e4"}.ti-http-options:before{content:"\fa2c"}.ti-http-options-off:before{content:"\100e3"}.ti-http-patch:before{content:"\fa2d"}.ti-http-patch-off:before{content:"\100e2"}.ti-http-post:before{content:"\fa2e"}.ti-http-post-off:before{content:"\100e1"}.ti-http-put:before{content:"\fa2f"}.ti-http-put-off:before{content:"\100e0"}.ti-http-que:before{content:"\fa5b"}.ti-http-que-off:before{content:"\100df"}.ti-http-trace:before{content:"\fa30"}.ti-http-trace-off:before{content:"\100de"}.ti-hula-hoop:before{content:"\1024a"}.ti-ice-cream:before{content:"\eac2"}.ti-ice-cream-2:before{content:"\ee9f"}.ti-ice-cream-off:before{content:"\f148"}.ti-ice-skating:before{content:"\efcb"}.ti-iceberg:before{content:"\1022a"}.ti-icons:before{content:"\f1d4"}.ti-icons-off:before{content:"\f3fc"}.ti-icosahedron:before{content:"\fec6"}.ti-id:before{content:"\eac3"}.ti-id-badge:before{content:"\eff7"}.ti-id-badge-2:before{content:"\f076"}.ti-id-badge-off:before{content:"\f3fd"}.ti-id-off:before{content:"\f149"}.ti-image-generation:before{content:"\101ef"}.ti-image-in-picture:before{content:"\fd9f"}.ti-inbox:before{content:"\eac4"}.ti-inbox-off:before{content:"\f14a"}.ti-indent-decrease:before{content:"\eb91"}.ti-indent-increase:before{content:"\eb92"}.ti-infinity:before{content:"\eb69"}.ti-infinity-2:before{content:"\10237"}.ti-infinity-off:before{content:"\f3fe"}.ti-info-circle:before{content:"\eac5"}.ti-info-hexagon:before{content:"\f7aa"}.ti-info-octagon:before{content:"\f7ab"}.ti-info-small:before{content:"\f922"}.ti-info-square:before{content:"\eac6"}.ti-info-square-rounded:before{content:"\f635"}.ti-info-triangle:before{content:"\f923"}.ti-inner-shadow-bottom:before{content:"\f520"}.ti-inner-shadow-bottom-left:before{content:"\f51e"}.ti-inner-shadow-bottom-right:before{content:"\f51f"}.ti-inner-shadow-left:before{content:"\f521"}.ti-inner-shadow-right:before{content:"\f522"}.ti-inner-shadow-top:before{content:"\f525"}.ti-inner-shadow-top-left:before{content:"\f523"}.ti-inner-shadow-top-right:before{content:"\f524"}.ti-input-ai:before{content:"\fc5a"}.ti-input-check:before{content:"\fc5b"}.ti-input-search:before{content:"\f2a2"}.ti-input-spark:before{content:"\ffb4"}.ti-input-x:before{content:"\fc5c"}.ti-invoice:before{content:"\feab"}.ti-ironing:before{content:"\fa7c"}.ti-ironing-1:before{content:"\f2f4"}.ti-ironing-2:before{content:"\f2f5"}.ti-ironing-3:before{content:"\f2f6"}.ti-ironing-off:before{content:"\f2f7"}.ti-ironing-steam:before{content:"\f2f9"}.ti-ironing-steam-off:before{content:"\f2f8"}.ti-irregular-polyhedron:before{content:"\faab"}.ti-irregular-polyhedron-off:before{content:"\faa9"}.ti-irregular-polyhedron-plus:before{content:"\faaa"}.ti-italic:before{content:"\eb93"}.ti-italic-off:before{content:"\10271"}.ti-jacket:before{content:"\f661"}.ti-jetpack:before{content:"\f581"}.ti-jetski:before{content:"\10229"}.ti-jewish-star:before{content:"\f3ff"}.ti-join-bevel:before{content:"\ff4c"}.ti-join-round:before{content:"\ff4b"}.ti-join-straight:before{content:"\ff4a"}.ti-joker:before{content:"\1005f"}.ti-jpg:before{content:"\f3ac"}.ti-json:before{content:"\f7b2"}.ti-jump-rope:before{content:"\ed8f"}.ti-karate:before{content:"\ed32"}.ti-kayak:before{content:"\f1d6"}.ti-kerning:before{content:"\efb8"}.ti-key:before{content:"\eac7"}.ti-key-off:before{content:"\f14b"}.ti-keyboard:before{content:"\ebd6"}.ti-keyboard-hide:before{content:"\ec7e"}.ti-keyboard-off:before{content:"\eea0"}.ti-keyboard-show:before{content:"\ec7f"}.ti-keyframe:before{content:"\f576"}.ti-keyframe-align-center:before{content:"\f582"}.ti-keyframe-align-horizontal:before{content:"\f583"}.ti-keyframe-align-vertical:before{content:"\f584"}.ti-keyframes:before{content:"\f585"}.ti-label:before{content:"\ff38"}.ti-label-important:before{content:"\ff49"}.ti-label-off:before{content:"\ff39"}.ti-ladder:before{content:"\efe2"}.ti-ladder-off:before{content:"\f14c"}.ti-ladle:before{content:"\fc14"}.ti-lambda:before{content:"\f541"}.ti-lamp:before{content:"\efab"}.ti-lamp-2:before{content:"\f09e"}.ti-lamp-off:before{content:"\f14d"}.ti-lane:before{content:"\faf9"}.ti-language:before{content:"\ebbe"}.ti-language-hiragana:before{content:"\ef77"}.ti-language-katakana:before{content:"\ef78"}.ti-language-off:before{content:"\f14e"}.ti-lasso:before{content:"\efac"}.ti-lasso-off:before{content:"\f14f"}.ti-lasso-polygon:before{content:"\f388"}.ti-laurel-wreath:before{content:"\ff45"}.ti-laurel-wreath-1:before{content:"\ff48"}.ti-laurel-wreath-2:before{content:"\ff47"}.ti-laurel-wreath-3:before{content:"\ff46"}.ti-lawn-mower:before{content:"\10236"}.ti-layers-difference:before{content:"\eac8"}.ti-layers-intersect:before{content:"\eac9"}.ti-layers-intersect-2:before{content:"\eff8"}.ti-layers-linked:before{content:"\eea1"}.ti-layers-off:before{content:"\f150"}.ti-layers-selected:before{content:"\fea9"}.ti-layers-selected-bottom:before{content:"\feaa"}.ti-layers-subtract:before{content:"\eaca"}.ti-layers-union:before{content:"\eacb"}.ti-layout:before{content:"\eadb"}.ti-layout-2:before{content:"\eacc"}.ti-layout-align-bottom:before{content:"\eacd"}.ti-layout-align-center:before{content:"\eace"}.ti-layout-align-left:before{content:"\eacf"}.ti-layout-align-middle:before{content:"\ead0"}.ti-layout-align-right:before{content:"\ead1"}.ti-layout-align-top:before{content:"\ead2"}.ti-layout-board:before{content:"\ef95"}.ti-layout-board-split:before{content:"\ef94"}.ti-layout-bottombar:before{content:"\ead3"}.ti-layout-bottombar-collapse:before{content:"\f28b"}.ti-layout-bottombar-expand:before{content:"\f28c"}.ti-layout-bottombar-inactive:before{content:"\fd45"}.ti-layout-cards:before{content:"\ec13"}.ti-layout-collage:before{content:"\f389"}.ti-layout-columns:before{content:"\ead4"}.ti-layout-dashboard:before{content:"\f02c"}.ti-layout-distribute-horizontal:before{content:"\ead5"}.ti-layout-distribute-vertical:before{content:"\ead6"}.ti-layout-grid:before{content:"\edba"}.ti-layout-grid-add:before{content:"\edb9"}.ti-layout-grid-remove:before{content:"\fa7d"}.ti-layout-kanban:before{content:"\ec3f"}.ti-layout-list:before{content:"\ec14"}.ti-layout-navbar:before{content:"\ead7"}.ti-layout-navbar-collapse:before{content:"\f28d"}.ti-layout-navbar-expand:before{content:"\f28e"}.ti-layout-navbar-inactive:before{content:"\fd46"}.ti-layout-off:before{content:"\f151"}.ti-layout-rows:before{content:"\ead8"}.ti-layout-sidebar:before{content:"\eada"}.ti-layout-sidebar-inactive:before{content:"\fd47"}.ti-layout-sidebar-left-collapse:before{content:"\f004"}.ti-layout-sidebar-left-expand:before{content:"\f005"}.ti-layout-sidebar-right:before{content:"\ead9"}.ti-layout-sidebar-right-collapse:before{content:"\f006"}.ti-layout-sidebar-right-expand:before{content:"\f007"}.ti-layout-sidebar-right-inactive:before{content:"\fd48"}.ti-leaf:before{content:"\ed4f"}.ti-leaf-2:before{content:"\ff44"}.ti-leaf-maple:before{content:"\10249"}.ti-leaf-off:before{content:"\f400"}.ti-lego:before{content:"\eadc"}.ti-lego-off:before{content:"\f401"}.ti-lemon:before{content:"\ef10"}.ti-lemon-2:before{content:"\ef81"}.ti-letter-a:before{content:"\ec50"}.ti-letter-a-small:before{content:"\fcc7"}.ti-letter-b:before{content:"\ec51"}.ti-letter-b-small:before{content:"\fcc8"}.ti-letter-c:before{content:"\ec52"}.ti-letter-c-small:before{content:"\fcc9"}.ti-letter-case:before{content:"\eea5"}.ti-letter-case-lower:before{content:"\eea2"}.ti-letter-case-toggle:before{content:"\eea3"}.ti-letter-case-upper:before{content:"\eea4"}.ti-letter-d:before{content:"\ec53"}.ti-letter-d-small:before{content:"\fcca"}.ti-letter-e:before{content:"\ec54"}.ti-letter-e-small:before{content:"\fccb"}.ti-letter-f:before{content:"\ec55"}.ti-letter-f-small:before{content:"\fccc"}.ti-letter-g:before{content:"\ec56"}.ti-letter-g-small:before{content:"\fccd"}.ti-letter-h:before{content:"\ec57"}.ti-letter-h-small:before{content:"\fcce"}.ti-letter-i:before{content:"\ec58"}.ti-letter-i-small:before{content:"\fccf"}.ti-letter-j:before{content:"\ec59"}.ti-letter-j-small:before{content:"\fcd0"}.ti-letter-k:before{content:"\ec5a"}.ti-letter-k-small:before{content:"\fcd1"}.ti-letter-l:before{content:"\ec5b"}.ti-letter-l-small:before{content:"\fcd2"}.ti-letter-m:before{content:"\ec5c"}.ti-letter-m-small:before{content:"\fcd3"}.ti-letter-n:before{content:"\ec5d"}.ti-letter-n-small:before{content:"\fcd4"}.ti-letter-o:before{content:"\ec5e"}.ti-letter-o-small:before{content:"\fcd5"}.ti-letter-p:before{content:"\ec5f"}.ti-letter-p-small:before{content:"\fcd6"}.ti-letter-q:before{content:"\ec60"}.ti-letter-q-small:before{content:"\fcd7"}.ti-letter-r:before{content:"\ec61"}.ti-letter-r-small:before{content:"\fcd8"}.ti-letter-s:before{content:"\ec62"}.ti-letter-s-small:before{content:"\fcd9"}.ti-letter-spacing:before{content:"\eea6"}.ti-letter-t:before{content:"\ec63"}.ti-letter-t-small:before{content:"\fcda"}.ti-letter-u:before{content:"\ec64"}.ti-letter-u-small:before{content:"\fcdb"}.ti-letter-v:before{content:"\ec65"}.ti-letter-v-small:before{content:"\fcdc"}.ti-letter-w:before{content:"\ec66"}.ti-letter-w-small:before{content:"\fcdd"}.ti-letter-x:before{content:"\ec67"}.ti-letter-x-small:before{content:"\fcde"}.ti-letter-y:before{content:"\ec68"}.ti-letter-y-small:before{content:"\fcdf"}.ti-letter-z:before{content:"\ec69"}.ti-letter-z-small:before{content:"\fce0"}.ti-library:before{content:"\fd4c"}.ti-library-minus:before{content:"\fd49"}.ti-library-photo:before{content:"\fd4a"}.ti-library-plus:before{content:"\fd4b"}.ti-license:before{content:"\ebc0"}.ti-license-off:before{content:"\f153"}.ti-lifebuoy:before{content:"\eadd"}.ti-lifebuoy-off:before{content:"\f154"}.ti-lighter:before{content:"\f794"}.ti-line:before{content:"\ec40"}.ti-line-dashed:before{content:"\eea7"}.ti-line-dotted:before{content:"\eea8"}.ti-line-height:before{content:"\eb94"}.ti-line-scan:before{content:"\fcb8"}.ti-link:before{content:"\eade"}.ti-link-minus:before{content:"\fd16"}.ti-link-off:before{content:"\f402"}.ti-link-plus:before{content:"\fd17"}.ti-list:before{content:"\eb6b"}.ti-list-check:before{content:"\eb6a"}.ti-list-details:before{content:"\ef40"}.ti-list-letters:before{content:"\fc47"}.ti-list-numbers:before{content:"\ef11"}.ti-list-search:before{content:"\eea9"}.ti-list-tree:before{content:"\fafa"}.ti-live-photo:before{content:"\eadf"}.ti-live-photo-off:before{content:"\f403"}.ti-live-view:before{content:"\ec6b"}.ti-load-balancer:before{content:"\fa5c"}.ti-loader:before{content:"\eca3"}.ti-loader-2:before{content:"\f226"}.ti-loader-3:before{content:"\f513"}.ti-loader-4:before{content:"\10235"}.ti-loader-quarter:before{content:"\eca2"}.ti-location:before{content:"\eae0"}.ti-location-bolt:before{content:"\fbaf"}.ti-location-broken:before{content:"\f2c4"}.ti-location-cancel:before{content:"\fbb0"}.ti-location-check:before{content:"\fbb1"}.ti-location-code:before{content:"\fbb2"}.ti-location-cog:before{content:"\fbb3"}.ti-location-discount:before{content:"\fbb4"}.ti-location-dollar:before{content:"\fbb5"}.ti-location-down:before{content:"\fbb6"}.ti-location-exclamation:before{content:"\fbb7"}.ti-location-heart:before{content:"\fbb8"}.ti-location-minus:before{content:"\fbb9"}.ti-location-off:before{content:"\f155"}.ti-location-pause:before{content:"\fbba"}.ti-location-pin:before{content:"\fbbb"}.ti-location-plus:before{content:"\fbbc"}.ti-location-question:before{content:"\fbbd"}.ti-location-search:before{content:"\fbbe"}.ti-location-share:before{content:"\fbbf"}.ti-location-star:before{content:"\fbc0"}.ti-location-up:before{content:"\fbc1"}.ti-location-x:before{content:"\fbc2"}.ti-lock:before{content:"\eae2"}.ti-lock-access:before{content:"\eeaa"}.ti-lock-access-off:before{content:"\f404"}.ti-lock-bitcoin:before{content:"\ff37"}.ti-lock-bolt:before{content:"\f924"}.ti-lock-cancel:before{content:"\f925"}.ti-lock-check:before{content:"\f926"}.ti-lock-code:before{content:"\f927"}.ti-lock-cog:before{content:"\f928"}.ti-lock-dollar:before{content:"\f929"}.ti-lock-down:before{content:"\f92a"}.ti-lock-exclamation:before{content:"\f92b"}.ti-lock-heart:before{content:"\f92c"}.ti-lock-minus:before{content:"\f92d"}.ti-lock-off:before{content:"\ed1e"}.ti-lock-open:before{content:"\eae1"}.ti-lock-open-2:before{content:"\fea8"}.ti-lock-open-off:before{content:"\f156"}.ti-lock-password:before{content:"\ff9f"}.ti-lock-pause:before{content:"\f92e"}.ti-lock-pin:before{content:"\f92f"}.ti-lock-plus:before{content:"\f930"}.ti-lock-question:before{content:"\f931"}.ti-lock-search:before{content:"\f932"}.ti-lock-share:before{content:"\f933"}.ti-lock-square:before{content:"\ef51"}.ti-lock-square-rounded:before{content:"\f636"}.ti-lock-star:before{content:"\f934"}.ti-lock-up:before{content:"\f935"}.ti-lock-x:before{content:"\f936"}.ti-logic-and:before{content:"\f240"}.ti-logic-buffer:before{content:"\f241"}.ti-logic-nand:before{content:"\f242"}.ti-logic-nor:before{content:"\f243"}.ti-logic-not:before{content:"\f244"}.ti-logic-or:before{content:"\f245"}.ti-logic-xnor:before{content:"\f246"}.ti-logic-xor:before{content:"\f247"}.ti-login:before{content:"\eba7"}.ti-login-2:before{content:"\fc76"}.ti-logout:before{content:"\eba8"}.ti-logout-2:before{content:"\fa7e"}.ti-logs:before{content:"\fea7"}.ti-lollipop:before{content:"\efcc"}.ti-lollipop-off:before{content:"\f157"}.ti-luggage:before{content:"\efad"}.ti-luggage-off:before{content:"\f158"}.ti-lungs:before{content:"\ef62"}.ti-lungs-off:before{content:"\f405"}.ti-macro:before{content:"\eeab"}.ti-macro-off:before{content:"\f406"}.ti-magnet:before{content:"\eae3"}.ti-magnet-off:before{content:"\f159"}.ti-magnetic:before{content:"\fcb9"}.ti-mail:before{content:"\eae5"}.ti-mail-ai:before{content:"\fa31"}.ti-mail-bitcoin:before{content:"\ff36"}.ti-mail-bolt:before{content:"\f937"}.ti-mail-cancel:before{content:"\f938"}.ti-mail-check:before{content:"\f939"}.ti-mail-code:before{content:"\f93a"}.ti-mail-cog:before{content:"\f93b"}.ti-mail-dollar:before{content:"\f93c"}.ti-mail-down:before{content:"\f93d"}.ti-mail-exclamation:before{content:"\f93e"}.ti-mail-fast:before{content:"\f069"}.ti-mail-forward:before{content:"\eeac"}.ti-mail-heart:before{content:"\f93f"}.ti-mail-minus:before{content:"\f940"}.ti-mail-off:before{content:"\f15a"}.ti-mail-opened:before{content:"\eae4"}.ti-mail-pause:before{content:"\f941"}.ti-mail-pin:before{content:"\f942"}.ti-mail-plus:before{content:"\f943"}.ti-mail-question:before{content:"\f944"}.ti-mail-search:before{content:"\f945"}.ti-mail-share:before{content:"\f946"}.ti-mail-spark:before{content:"\ffb3"}.ti-mail-star:before{content:"\f947"}.ti-mail-up:before{content:"\f948"}.ti-mail-x:before{content:"\f949"}.ti-mailbox:before{content:"\eead"}.ti-mailbox-off:before{content:"\f15b"}.ti-man:before{content:"\eae6"}.ti-manual-gearbox:before{content:"\ed7b"}.ti-map:before{content:"\eae9"}.ti-map-2:before{content:"\eae7"}.ti-map-bolt:before{content:"\fbc3"}.ti-map-cancel:before{content:"\fbc4"}.ti-map-check:before{content:"\fbc5"}.ti-map-code:before{content:"\fbc6"}.ti-map-cog:before{content:"\fbc7"}.ti-map-discount:before{content:"\fbc8"}.ti-map-dollar:before{content:"\fbc9"}.ti-map-down:before{content:"\fbca"}.ti-map-east:before{content:"\fc5d"}.ti-map-exclamation:before{content:"\fbcb"}.ti-map-heart:before{content:"\fbcc"}.ti-map-lock:before{content:"\10203"}.ti-map-minus:before{content:"\fbcd"}.ti-map-north:before{content:"\fc5e"}.ti-map-off:before{content:"\f15c"}.ti-map-pause:before{content:"\fbce"}.ti-map-pin:before{content:"\eae8"}.ti-map-pin-2:before{content:"\fc48"}.ti-map-pin-bolt:before{content:"\f94a"}.ti-map-pin-cancel:before{content:"\f94b"}.ti-map-pin-check:before{content:"\f94c"}.ti-map-pin-code:before{content:"\f94d"}.ti-map-pin-cog:before{content:"\f94e"}.ti-map-pin-dollar:before{content:"\f94f"}.ti-map-pin-down:before{content:"\f950"}.ti-map-pin-exclamation:before{content:"\f951"}.ti-map-pin-heart:before{content:"\f952"}.ti-map-pin-minus:before{content:"\f953"}.ti-map-pin-off:before{content:"\ecf3"}.ti-map-pin-pause:before{content:"\f954"}.ti-map-pin-pin:before{content:"\f955"}.ti-map-pin-plus:before{content:"\f956"}.ti-map-pin-question:before{content:"\f957"}.ti-map-pin-search:before{content:"\f958"}.ti-map-pin-share:before{content:"\f795"}.ti-map-pin-star:before{content:"\f959"}.ti-map-pin-up:before{content:"\f95a"}.ti-map-pin-x:before{content:"\f95b"}.ti-map-pins:before{content:"\ed5e"}.ti-map-plus:before{content:"\fbcf"}.ti-map-question:before{content:"\fbd0"}.ti-map-route:before{content:"\fc79"}.ti-map-search:before{content:"\ef82"}.ti-map-share:before{content:"\fbd1"}.ti-map-shield:before{content:"\10202"}.ti-map-south:before{content:"\fc5f"}.ti-map-star:before{content:"\fbd2"}.ti-map-up:before{content:"\fbd3"}.ti-map-west:before{content:"\fc60"}.ti-map-x:before{content:"\fbd4"}.ti-markdown:before{content:"\ec41"}.ti-markdown-off:before{content:"\f407"}.ti-marquee:before{content:"\ec77"}.ti-marquee-2:before{content:"\eeae"}.ti-marquee-off:before{content:"\f15d"}.ti-mars:before{content:"\ec80"}.ti-mask:before{content:"\eeb0"}.ti-mask-off:before{content:"\eeaf"}.ti-masks-theater:before{content:"\f263"}.ti-masks-theater-off:before{content:"\f408"}.ti-massage:before{content:"\eeb1"}.ti-matchstick:before{content:"\f577"}.ti-math:before{content:"\ebeb"}.ti-math-1-divide-2:before{content:"\f4e2"}.ti-math-1-divide-3:before{content:"\f4e3"}.ti-math-avg:before{content:"\f0f4"}.ti-math-cos:before{content:"\ff1f"}.ti-math-ctg:before{content:"\ff35"}.ti-math-equal-greater:before{content:"\f4e4"}.ti-math-equal-lower:before{content:"\f4e5"}.ti-math-function:before{content:"\eeb2"}.ti-math-function-off:before{content:"\f15e"}.ti-math-function-y:before{content:"\f4e6"}.ti-math-greater:before{content:"\f4e7"}.ti-math-integral:before{content:"\f4e9"}.ti-math-integral-x:before{content:"\f4e8"}.ti-math-integrals:before{content:"\f4ea"}.ti-math-lower:before{content:"\f4eb"}.ti-math-max:before{content:"\f0f5"}.ti-math-max-min:before{content:"\fda0"}.ti-math-min:before{content:"\f0f6"}.ti-math-not:before{content:"\f4ec"}.ti-math-off:before{content:"\f409"}.ti-math-pi:before{content:"\f4ee"}.ti-math-pi-divide-2:before{content:"\f4ed"}.ti-math-sec:before{content:"\ff34"}.ti-math-sin:before{content:"\ff1e"}.ti-math-symbols:before{content:"\eeb3"}.ti-math-tg:before{content:"\ff33"}.ti-math-x-divide-2:before{content:"\f4ef"}.ti-math-x-divide-y:before{content:"\f4f1"}.ti-math-x-divide-y-2:before{content:"\f4f0"}.ti-math-x-floor-divide-y:before{content:"\10073"}.ti-math-x-minus-x:before{content:"\f4f2"}.ti-math-x-minus-y:before{content:"\f4f3"}.ti-math-x-plus-x:before{content:"\f4f4"}.ti-math-x-plus-y:before{content:"\f4f5"}.ti-math-xy:before{content:"\f4f6"}.ti-math-y-minus-y:before{content:"\f4f7"}.ti-math-y-plus-y:before{content:"\f4f8"}.ti-matrix:before{content:"\100bc"}.ti-maximize:before{content:"\eaea"}.ti-maximize-off:before{content:"\f15f"}.ti-meat:before{content:"\ef12"}.ti-meat-off:before{content:"\f40a"}.ti-medal:before{content:"\ec78"}.ti-medal-2:before{content:"\efcd"}.ti-medical-cross:before{content:"\ec2f"}.ti-medical-cross-circle:before{content:"\fae8"}.ti-medical-cross-off:before{content:"\f160"}.ti-medicine-syrup:before{content:"\ef63"}.ti-meeple:before{content:"\f514"}.ti-melon:before{content:"\fc7a"}.ti-menorah:before{content:"\f58c"}.ti-menu:before{content:"\eaeb"}.ti-menu-2:before{content:"\ec42"}.ti-menu-3:before{content:"\ff43"}.ti-menu-4:before{content:"\ff42"}.ti-menu-deep:before{content:"\fafb"}.ti-menu-order:before{content:"\f5f5"}.ti-mesh:before{content:"\10201"}.ti-message:before{content:"\eaef"}.ti-message-2:before{content:"\eaec"}.ti-message-2-bolt:before{content:"\f95c"}.ti-message-2-cancel:before{content:"\f95d"}.ti-message-2-check:before{content:"\f95e"}.ti-message-2-code:before{content:"\f012"}.ti-message-2-cog:before{content:"\f95f"}.ti-message-2-dollar:before{content:"\f960"}.ti-message-2-down:before{content:"\f961"}.ti-message-2-exclamation:before{content:"\f962"}.ti-message-2-heart:before{content:"\f963"}.ti-message-2-minus:before{content:"\f964"}.ti-message-2-off:before{content:"\f40b"}.ti-message-2-pause:before{content:"\f965"}.ti-message-2-pin:before{content:"\f966"}.ti-message-2-plus:before{content:"\f967"}.ti-message-2-question:before{content:"\f968"}.ti-message-2-search:before{content:"\f969"}.ti-message-2-share:before{content:"\f077"}.ti-message-2-star:before{content:"\f96a"}.ti-message-2-up:before{content:"\f96b"}.ti-message-2-x:before{content:"\f96c"}.ti-message-bolt:before{content:"\f96d"}.ti-message-cancel:before{content:"\f96e"}.ti-message-chatbot:before{content:"\f38a"}.ti-message-check:before{content:"\f96f"}.ti-message-circle:before{content:"\eaed"}.ti-message-circle-bolt:before{content:"\f970"}.ti-message-circle-cancel:before{content:"\f971"}.ti-message-circle-check:before{content:"\f972"}.ti-message-circle-code:before{content:"\f973"}.ti-message-circle-cog:before{content:"\f974"}.ti-message-circle-dollar:before{content:"\f975"}.ti-message-circle-down:before{content:"\f976"}.ti-message-circle-exclamation:before{content:"\f977"}.ti-message-circle-heart:before{content:"\f978"}.ti-message-circle-minus:before{content:"\f979"}.ti-message-circle-off:before{content:"\ed40"}.ti-message-circle-pause:before{content:"\f97a"}.ti-message-circle-pin:before{content:"\f97b"}.ti-message-circle-plus:before{content:"\f97c"}.ti-message-circle-question:before{content:"\f97d"}.ti-message-circle-search:before{content:"\f97e"}.ti-message-circle-share:before{content:"\f97f"}.ti-message-circle-star:before{content:"\f980"}.ti-message-circle-up:before{content:"\f981"}.ti-message-circle-user:before{content:"\fec5"}.ti-message-circle-x:before{content:"\f982"}.ti-message-code:before{content:"\f013"}.ti-message-cog:before{content:"\f983"}.ti-message-dollar:before{content:"\f984"}.ti-message-dots:before{content:"\eaee"}.ti-message-down:before{content:"\f985"}.ti-message-exclamation:before{content:"\f986"}.ti-message-forward:before{content:"\f28f"}.ti-message-heart:before{content:"\f987"}.ti-message-language:before{content:"\efae"}.ti-message-minus:before{content:"\f988"}.ti-message-off:before{content:"\ed41"}.ti-message-pause:before{content:"\f989"}.ti-message-pin:before{content:"\f98a"}.ti-message-plus:before{content:"\ec9a"}.ti-message-question:before{content:"\f98b"}.ti-message-reply:before{content:"\fd4d"}.ti-message-report:before{content:"\ec9b"}.ti-message-search:before{content:"\f98c"}.ti-message-share:before{content:"\f078"}.ti-message-star:before{content:"\f98d"}.ti-message-up:before{content:"\f98e"}.ti-message-user:before{content:"\fec4"}.ti-message-x:before{content:"\f98f"}.ti-messages:before{content:"\eb6c"}.ti-messages-off:before{content:"\ed42"}.ti-meteor:before{content:"\f1fd"}.ti-meteor-off:before{content:"\f40c"}.ti-meter-cube:before{content:"\fd7c"}.ti-meter-square:before{content:"\fd7d"}.ti-metronome:before{content:"\fd25"}.ti-michelin-bib-gourmand:before{content:"\fae9"}.ti-michelin-star:before{content:"\faeb"}.ti-michelin-star-green:before{content:"\faea"}.ti-mickey:before{content:"\f2a3"}.ti-microfrontends:before{content:"\101ee"}.ti-microphone:before{content:"\eaf0"}.ti-microphone-2:before{content:"\ef2c"}.ti-microphone-2-off:before{content:"\f40d"}.ti-microphone-off:before{content:"\ed16"}.ti-microscope:before{content:"\ef64"}.ti-microscope-off:before{content:"\f40e"}.ti-microwave:before{content:"\f248"}.ti-microwave-off:before{content:"\f264"}.ti-middleware:before{content:"\101ed"}.ti-military-award:before{content:"\f079"}.ti-military-rank:before{content:"\efcf"}.ti-milk:before{content:"\ef13"}.ti-milk-off:before{content:"\f40f"}.ti-milkshake:before{content:"\f4c8"}.ti-minimize:before{content:"\eaf1"}.ti-minus:before{content:"\eaf2"}.ti-minus-vertical:before{content:"\eeb4"}.ti-mist:before{content:"\ec30"}.ti-mist-off:before{content:"\f410"}.ti-mobiledata:before{content:"\f9f5"}.ti-mobiledata-off:before{content:"\f9f4"}.ti-moneybag:before{content:"\f506"}.ti-moneybag-edit:before{content:"\1013d"}.ti-moneybag-heart:before{content:"\1013c"}.ti-moneybag-minus:before{content:"\1013b"}.ti-moneybag-move:before{content:"\10139"}.ti-moneybag-move-back:before{content:"\1013a"}.ti-moneybag-plus:before{content:"\10138"}.ti-monkeybar:before{content:"\feb4"}.ti-mood-angry:before{content:"\f2de"}.ti-mood-annoyed:before{content:"\f2e0"}.ti-mood-annoyed-2:before{content:"\f2df"}.ti-mood-bitcoin:before{content:"\ff32"}.ti-mood-boy:before{content:"\ed2d"}.ti-mood-check:before{content:"\f7b3"}.ti-mood-cog:before{content:"\f7b4"}.ti-mood-confused:before{content:"\eaf3"}.ti-mood-crazy-happy:before{content:"\ed90"}.ti-mood-cry:before{content:"\ecbb"}.ti-mood-dollar:before{content:"\f7b5"}.ti-mood-edit:before{content:"\fa05"}.ti-mood-empty:before{content:"\eeb5"}.ti-mood-happy:before{content:"\eaf4"}.ti-mood-heart:before{content:"\f7b6"}.ti-mood-kid:before{content:"\ec03"}.ti-mood-look-down:before{content:"\fd37"}.ti-mood-look-left:before{content:"\f2c5"}.ti-mood-look-right:before{content:"\f2c6"}.ti-mood-look-up:before{content:"\fd38"}.ti-mood-minus:before{content:"\f7b7"}.ti-mood-nerd:before{content:"\f2e1"}.ti-mood-nervous:before{content:"\ef96"}.ti-mood-neutral:before{content:"\eaf5"}.ti-mood-off:before{content:"\f161"}.ti-mood-pin:before{content:"\f7b8"}.ti-mood-plus:before{content:"\f7b9"}.ti-mood-puzzled:before{content:"\fd39"}.ti-mood-sad:before{content:"\eaf6"}.ti-mood-sad-2:before{content:"\f2e2"}.ti-mood-sad-dizzy:before{content:"\f2e3"}.ti-mood-sad-squint:before{content:"\f2e4"}.ti-mood-search:before{content:"\f7ba"}.ti-mood-share:before{content:"\fa06"}.ti-mood-sick:before{content:"\f2e5"}.ti-mood-silence:before{content:"\f2e6"}.ti-mood-sing:before{content:"\f2c7"}.ti-mood-smile:before{content:"\eaf7"}.ti-mood-smile-beam:before{content:"\f2e7"}.ti-mood-smile-dizzy:before{content:"\f2e8"}.ti-mood-spark:before{content:"\ffb2"}.ti-mood-surprised:before{content:"\ec04"}.ti-mood-tongue:before{content:"\eb95"}.ti-mood-tongue-wink:before{content:"\f2ea"}.ti-mood-tongue-wink-2:before{content:"\f2e9"}.ti-mood-unamused:before{content:"\f2eb"}.ti-mood-up:before{content:"\f7bb"}.ti-mood-wink:before{content:"\f2ed"}.ti-mood-wink-2:before{content:"\f2ec"}.ti-mood-wrrr:before{content:"\f2ee"}.ti-mood-x:before{content:"\f7bc"}.ti-mood-xd:before{content:"\f2ef"}.ti-moon:before{content:"\eaf8"}.ti-moon-2:before{content:"\ece6"}.ti-moon-off:before{content:"\f162"}.ti-moon-stars:before{content:"\ece7"}.ti-moped:before{content:"\ecbc"}.ti-mosque:before{content:"\10234"}.ti-motorbike:before{content:"\eeb6"}.ti-mountain:before{content:"\ef97"}.ti-mountain-off:before{content:"\f411"}.ti-mouse:before{content:"\eaf9"}.ti-mouse-2:before{content:"\f1d7"}.ti-mouse-off:before{content:"\f163"}.ti-moustache:before{content:"\f4c9"}.ti-movie:before{content:"\eafa"}.ti-movie-off:before{content:"\f164"}.ti-mug:before{content:"\eafb"}.ti-mug-off:before{content:"\f165"}.ti-multiplier-0-5x:before{content:"\ef41"}.ti-multiplier-1-5x:before{content:"\ef42"}.ti-multiplier-1x:before{content:"\ef43"}.ti-multiplier-2x:before{content:"\ef44"}.ti-mushroom:before{content:"\ef14"}.ti-mushroom-off:before{content:"\f412"}.ti-music:before{content:"\eafc"}.ti-music-bolt:before{content:"\fbd5"}.ti-music-cancel:before{content:"\fbd6"}.ti-music-check:before{content:"\fbd7"}.ti-music-code:before{content:"\fbd8"}.ti-music-cog:before{content:"\fbd9"}.ti-music-discount:before{content:"\fbda"}.ti-music-dollar:before{content:"\fbdb"}.ti-music-down:before{content:"\fbdc"}.ti-music-exclamation:before{content:"\fbdd"}.ti-music-heart:before{content:"\fbde"}.ti-music-minus:before{content:"\fbdf"}.ti-music-off:before{content:"\f166"}.ti-music-pause:before{content:"\fbe0"}.ti-music-pin:before{content:"\fbe1"}.ti-music-plus:before{content:"\fbe2"}.ti-music-question:before{content:"\fbe3"}.ti-music-search:before{content:"\fbe4"}.ti-music-share:before{content:"\fbe5"}.ti-music-star:before{content:"\fbe6"}.ti-music-up:before{content:"\fbe7"}.ti-music-x:before{content:"\fbe8"}.ti-navigation:before{content:"\f2c8"}.ti-navigation-bolt:before{content:"\fbe9"}.ti-navigation-cancel:before{content:"\fbea"}.ti-navigation-check:before{content:"\fbeb"}.ti-navigation-code:before{content:"\fbec"}.ti-navigation-cog:before{content:"\fbed"}.ti-navigation-discount:before{content:"\fbee"}.ti-navigation-dollar:before{content:"\fbef"}.ti-navigation-down:before{content:"\fbf0"}.ti-navigation-east:before{content:"\fcba"}.ti-navigation-exclamation:before{content:"\fbf1"}.ti-navigation-heart:before{content:"\fbf2"}.ti-navigation-minus:before{content:"\fbf3"}.ti-navigation-north:before{content:"\fcbb"}.ti-navigation-off:before{content:"\f413"}.ti-navigation-pause:before{content:"\fbf4"}.ti-navigation-pin:before{content:"\fbf5"}.ti-navigation-plus:before{content:"\fbf6"}.ti-navigation-question:before{content:"\fbf7"}.ti-navigation-search:before{content:"\fbf8"}.ti-navigation-share:before{content:"\fbf9"}.ti-navigation-south:before{content:"\fcbc"}.ti-navigation-star:before{content:"\fbfa"}.ti-navigation-top:before{content:"\faec"}.ti-navigation-up:before{content:"\fbfb"}.ti-navigation-west:before{content:"\fcbd"}.ti-navigation-x:before{content:"\fbfc"}.ti-needle:before{content:"\f508"}.ti-needle-thread:before{content:"\f507"}.ti-network:before{content:"\f09f"}.ti-network-off:before{content:"\f414"}.ti-new-section:before{content:"\ebc1"}.ti-news:before{content:"\eafd"}.ti-news-off:before{content:"\f167"}.ti-nfc:before{content:"\eeb7"}.ti-nfc-off:before{content:"\f168"}.ti-no-copyright:before{content:"\efb9"}.ti-no-creative-commons:before{content:"\efba"}.ti-no-derivatives:before{content:"\efbb"}.ti-noise-reduction:before{content:"\10263"}.ti-north-star:before{content:"\f014"}.ti-notdef:before{content:"\10248"}.ti-note:before{content:"\eb6d"}.ti-note-off:before{content:"\f169"}.ti-notebook:before{content:"\eb96"}.ti-notebook-off:before{content:"\f415"}.ti-notes:before{content:"\eb6e"}.ti-notes-off:before{content:"\f16a"}.ti-notification:before{content:"\eafe"}.ti-notification-off:before{content:"\f16b"}.ti-number:before{content:"\f1fe"}.ti-number-0:before{content:"\edf0"}.ti-number-0-small:before{content:"\fce1"}.ti-number-1:before{content:"\edf1"}.ti-number-1-small:before{content:"\fce2"}.ti-number-10:before{content:"\1005e"}.ti-number-10-small:before{content:"\fce3"}.ti-number-100-small:before{content:"\10005"}.ti-number-11:before{content:"\1005d"}.ti-number-11-small:before{content:"\fce4"}.ti-number-12-small:before{content:"\fce5"}.ti-number-123:before{content:"\f554"}.ti-number-13-small:before{content:"\fce6"}.ti-number-14-small:before{content:"\fce7"}.ti-number-15-small:before{content:"\fce8"}.ti-number-16-small:before{content:"\fce9"}.ti-number-17-small:before{content:"\fcea"}.ti-number-18-small:before{content:"\fceb"}.ti-number-19-small:before{content:"\fcec"}.ti-number-2:before{content:"\edf2"}.ti-number-2-small:before{content:"\fced"}.ti-number-20-small:before{content:"\fcee"}.ti-number-21-small:before{content:"\fcef"}.ti-number-22-small:before{content:"\fcf0"}.ti-number-23-small:before{content:"\fcf1"}.ti-number-24-small:before{content:"\fcf2"}.ti-number-25-small:before{content:"\fcf3"}.ti-number-26-small:before{content:"\fcf4"}.ti-number-27-small:before{content:"\fcf5"}.ti-number-28-small:before{content:"\fcf6"}.ti-number-29-small:before{content:"\fcf7"}.ti-number-3:before{content:"\edf3"}.ti-number-3-small:before{content:"\fcf8"}.ti-number-30-small:before{content:"\10004"}.ti-number-31-small:before{content:"\10003"}.ti-number-32-small:before{content:"\10002"}.ti-number-33-small:before{content:"\10001"}.ti-number-34-small:before{content:"\10000"}.ti-number-35-small:before{content:"\10210"}.ti-number-36-small:before{content:"\10211"}.ti-number-37-small:before{content:"\10212"}.ti-number-38-small:before{content:"\10213"}.ti-number-39-small:before{content:"\10214"}.ti-number-4:before{content:"\edf4"}.ti-number-4-small:before{content:"\fcf9"}.ti-number-40-small:before{content:"\10215"}.ti-number-41-small:before{content:"\10216"}.ti-number-42-small:before{content:"\10217"}.ti-number-43-small:before{content:"\10218"}.ti-number-44-small:before{content:"\10219"}.ti-number-45-small:before{content:"\1021a"}.ti-number-46-small:before{content:"\1021b"}.ti-number-47-small:before{content:"\1021c"}.ti-number-48-small:before{content:"\1021d"}.ti-number-49-small:before{content:"\1021e"}.ti-number-5:before{content:"\edf5"}.ti-number-5-small:before{content:"\fcfa"}.ti-number-50-small:before{content:"\1021f"}.ti-number-51-small:before{content:"\ffef"}.ti-number-52-small:before{content:"\ffee"}.ti-number-53-small:before{content:"\ffed"}.ti-number-54-small:before{content:"\ffec"}.ti-number-55-small:before{content:"\ffeb"}.ti-number-56-small:before{content:"\ffea"}.ti-number-57-small:before{content:"\ffe9"}.ti-number-58-small:before{content:"\ffe8"}.ti-number-59-small:before{content:"\ffe7"}.ti-number-6:before{content:"\edf6"}.ti-number-6-small:before{content:"\fcfb"}.ti-number-60-small:before{content:"\ffe6"}.ti-number-61-small:before{content:"\ffe5"}.ti-number-62-small:before{content:"\ffe4"}.ti-number-63-small:before{content:"\ffe3"}.ti-number-64-small:before{content:"\ffe2"}.ti-number-65-small:before{content:"\ffe1"}.ti-number-66-small:before{content:"\ffe0"}.ti-number-67-small:before{content:"\ffdf"}.ti-number-68-small:before{content:"\ffde"}.ti-number-69-small:before{content:"\ffdd"}.ti-number-7:before{content:"\edf7"}.ti-number-7-small:before{content:"\fcfc"}.ti-number-70-small:before{content:"\ffdc"}.ti-number-71-small:before{content:"\ffdb"}.ti-number-72-small:before{content:"\ffda"}.ti-number-73-small:before{content:"\ffd9"}.ti-number-74-small:before{content:"\ffd8"}.ti-number-75-small:before{content:"\ffd7"}.ti-number-76-small:before{content:"\ffd6"}.ti-number-77-small:before{content:"\ffd5"}.ti-number-78-small:before{content:"\ffd4"}.ti-number-79-small:before{content:"\ffd3"}.ti-number-8:before{content:"\edf8"}.ti-number-8-small:before{content:"\fcfd"}.ti-number-80-small:before{content:"\ffd2"}.ti-number-81-small:before{content:"\ffd1"}.ti-number-82-small:before{content:"\ffd0"}.ti-number-83-small:before{content:"\ffcf"}.ti-number-84-small:before{content:"\ffce"}.ti-number-85-small:before{content:"\ffcd"}.ti-number-86-small:before{content:"\ffcc"}.ti-number-87-small:before{content:"\ffcb"}.ti-number-88-small:before{content:"\ffca"}.ti-number-89-small:before{content:"\ffc9"}.ti-number-9:before{content:"\edf9"}.ti-number-9-small:before{content:"\fcfe"}.ti-number-90-small:before{content:"\ffc8"}.ti-number-91-small:before{content:"\ffc7"}.ti-number-92-small:before{content:"\ffc6"}.ti-number-93-small:before{content:"\ffc5"}.ti-number-94-small:before{content:"\ffc4"}.ti-number-95-small:before{content:"\ffc3"}.ti-number-96-small:before{content:"\ffc2"}.ti-number-97-small:before{content:"\ffc1"}.ti-number-98-small:before{content:"\ffc0"}.ti-number-99-small:before{content:"\ffbf"}.ti-numbers:before{content:"\f015"}.ti-nurse:before{content:"\ef65"}.ti-nut:before{content:"\fc61"}.ti-object-scan:before{content:"\fef1"}.ti-octagon:before{content:"\ecbd"}.ti-octagon-minus:before{content:"\fc92"}.ti-octagon-minus-2:before{content:"\fc91"}.ti-octagon-off:before{content:"\eeb8"}.ti-octagon-plus:before{content:"\fc94"}.ti-octagon-plus-2:before{content:"\fc93"}.ti-octahedron:before{content:"\faae"}.ti-octahedron-off:before{content:"\faac"}.ti-octahedron-plus:before{content:"\faad"}.ti-old:before{content:"\eeb9"}.ti-olympic-torch:before{content:"\10228"}.ti-olympics:before{content:"\eeba"}.ti-olympics-off:before{content:"\f416"}.ti-om:before{content:"\f58d"}.ti-omega:before{content:"\eb97"}.ti-option:before{content:"\1019f"}.ti-outbound:before{content:"\f249"}.ti-outlet:before{content:"\ebd7"}.ti-oval:before{content:"\f02e"}.ti-oval-vertical:before{content:"\f02d"}.ti-overline:before{content:"\eebb"}.ti-package:before{content:"\eaff"}.ti-package-export:before{content:"\f07a"}.ti-package-import:before{content:"\f07b"}.ti-package-off:before{content:"\f16c"}.ti-packages:before{content:"\f2c9"}.ti-pacman:before{content:"\eebc"}.ti-page-break:before{content:"\ec81"}.ti-paint:before{content:"\eb00"}.ti-paint-off:before{content:"\f16d"}.ti-palette:before{content:"\eb01"}.ti-palette-off:before{content:"\f16e"}.ti-panorama-horizontal:before{content:"\ed33"}.ti-panorama-horizontal-off:before{content:"\f417"}.ti-panorama-vertical:before{content:"\ed34"}.ti-panorama-vertical-off:before{content:"\f418"}.ti-paper-bag:before{content:"\f02f"}.ti-paper-bag-off:before{content:"\f16f"}.ti-paperclip:before{content:"\eb02"}.ti-parachute:before{content:"\ed7c"}.ti-parachute-off:before{content:"\f170"}.ti-parentheses:before{content:"\ebd8"}.ti-parentheses-off:before{content:"\f171"}.ti-parking:before{content:"\eb03"}.ti-parking-circle:before{content:"\fd5a"}.ti-parking-meter:before{content:"\10227"}.ti-parking-off:before{content:"\f172"}.ti-password:before{content:"\f4ca"}.ti-password-fingerprint:before{content:"\fc7b"}.ti-password-mobile-phone:before{content:"\fc7c"}.ti-password-user:before{content:"\fc7d"}.ti-paw:before{content:"\eff9"}.ti-paw-off:before{content:"\f419"}.ti-paywall:before{content:"\fd7e"}.ti-pdf:before{content:"\f7ac"}.ti-peace:before{content:"\ecbe"}.ti-pencil:before{content:"\eb04"}.ti-pencil-bolt:before{content:"\fbfd"}.ti-pencil-cancel:before{content:"\fbfe"}.ti-pencil-check:before{content:"\fbff"}.ti-pencil-code:before{content:"\fc00"}.ti-pencil-cog:before{content:"\fc01"}.ti-pencil-discount:before{content:"\fc02"}.ti-pencil-dollar:before{content:"\fc03"}.ti-pencil-down:before{content:"\fc04"}.ti-pencil-exclamation:before{content:"\fc05"}.ti-pencil-heart:before{content:"\fc06"}.ti-pencil-minus:before{content:"\f1eb"}.ti-pencil-off:before{content:"\f173"}.ti-pencil-pause:before{content:"\fc07"}.ti-pencil-pin:before{content:"\fc08"}.ti-pencil-plus:before{content:"\f1ec"}.ti-pencil-question:before{content:"\fc09"}.ti-pencil-search:before{content:"\fc0a"}.ti-pencil-share:before{content:"\fc0b"}.ti-pencil-star:before{content:"\fc0c"}.ti-pencil-up:before{content:"\fc0d"}.ti-pencil-x:before{content:"\fc0e"}.ti-pendulum:before{content:"\10233"}.ti-pennant:before{content:"\ed7d"}.ti-pennant-2:before{content:"\f06a"}.ti-pennant-off:before{content:"\f174"}.ti-pentagon:before{content:"\efe3"}.ti-pentagon-minus:before{content:"\feb3"}.ti-pentagon-number-0:before{content:"\fc7e"}.ti-pentagon-number-1:before{content:"\fc7f"}.ti-pentagon-number-2:before{content:"\fc80"}.ti-pentagon-number-3:before{content:"\fc81"}.ti-pentagon-number-4:before{content:"\fc82"}.ti-pentagon-number-5:before{content:"\fc83"}.ti-pentagon-number-6:before{content:"\fc84"}.ti-pentagon-number-7:before{content:"\fc85"}.ti-pentagon-number-8:before{content:"\fc86"}.ti-pentagon-number-9:before{content:"\fc87"}.ti-pentagon-off:before{content:"\f41a"}.ti-pentagon-plus:before{content:"\fc49"}.ti-pentagon-x:before{content:"\fc88"}.ti-pentagram:before{content:"\f586"}.ti-pepper:before{content:"\ef15"}.ti-pepper-off:before{content:"\f175"}.ti-percentage:before{content:"\ecf4"}.ti-percentage-0:before{content:"\fee5"}.ti-percentage-10:before{content:"\fee4"}.ti-percentage-100:before{content:"\fee3"}.ti-percentage-20:before{content:"\fee2"}.ti-percentage-25:before{content:"\fee1"}.ti-percentage-30:before{content:"\fee0"}.ti-percentage-33:before{content:"\fedf"}.ti-percentage-40:before{content:"\fede"}.ti-percentage-50:before{content:"\fedd"}.ti-percentage-60:before{content:"\fedc"}.ti-percentage-66:before{content:"\fedb"}.ti-percentage-70:before{content:"\feda"}.ti-percentage-75:before{content:"\fed9"}.ti-percentage-80:before{content:"\fed8"}.ti-percentage-90:before{content:"\fed7"}.ti-perfume:before{content:"\f509"}.ti-perspective:before{content:"\eebd"}.ti-perspective-off:before{content:"\f176"}.ti-phone:before{content:"\eb09"}.ti-phone-call:before{content:"\eb05"}.ti-phone-calling:before{content:"\ec43"}.ti-phone-check:before{content:"\ec05"}.ti-phone-done:before{content:"\ff9e"}.ti-phone-end:before{content:"\ff9d"}.ti-phone-incoming:before{content:"\eb06"}.ti-phone-off:before{content:"\ecf5"}.ti-phone-outgoing:before{content:"\eb07"}.ti-phone-pause:before{content:"\eb08"}.ti-phone-plus:before{content:"\ec06"}.ti-phone-ringing:before{content:"\ff9c"}.ti-phone-spark:before{content:"\ffb1"}.ti-phone-x:before{content:"\ec07"}.ti-photo:before{content:"\eb0a"}.ti-photo-ai:before{content:"\fa32"}.ti-photo-alt:before{content:"\10262"}.ti-photo-bitcoin:before{content:"\ff31"}.ti-photo-bolt:before{content:"\f990"}.ti-photo-cancel:before{content:"\f35d"}.ti-photo-check:before{content:"\f35e"}.ti-photo-circle:before{content:"\fc4a"}.ti-photo-circle-minus:before{content:"\fc62"}.ti-photo-circle-plus:before{content:"\fc63"}.ti-photo-code:before{content:"\f991"}.ti-photo-cog:before{content:"\f992"}.ti-photo-dollar:before{content:"\f993"}.ti-photo-down:before{content:"\f35f"}.ti-photo-edit:before{content:"\f360"}.ti-photo-exclamation:before{content:"\f994"}.ti-photo-heart:before{content:"\f361"}.ti-photo-hexagon:before{content:"\fc4b"}.ti-photo-minus:before{content:"\f362"}.ti-photo-off:before{content:"\ecf6"}.ti-photo-pause:before{content:"\f995"}.ti-photo-pentagon:before{content:"\fc4c"}.ti-photo-pin:before{content:"\f996"}.ti-photo-plus:before{content:"\f363"}.ti-photo-question:before{content:"\f997"}.ti-photo-scan:before{content:"\fca8"}.ti-photo-search:before{content:"\f364"}.ti-photo-sensor:before{content:"\f798"}.ti-photo-sensor-2:before{content:"\f796"}.ti-photo-sensor-3:before{content:"\f797"}.ti-photo-share:before{content:"\f998"}.ti-photo-shield:before{content:"\f365"}.ti-photo-spark:before{content:"\ffb0"}.ti-photo-square-rounded:before{content:"\fc4d"}.ti-photo-star:before{content:"\f366"}.ti-photo-up:before{content:"\f38b"}.ti-photo-video:before{content:"\fc95"}.ti-photo-x:before{content:"\f367"}.ti-physiotherapist:before{content:"\eebe"}.ti-piano:before{content:"\fad3"}.ti-pick:before{content:"\fafc"}.ti-picnic-table:before{content:"\fed6"}.ti-picture-in-picture:before{content:"\ed35"}.ti-picture-in-picture-off:before{content:"\ed43"}.ti-picture-in-picture-on:before{content:"\ed44"}.ti-picture-in-picture-top:before{content:"\efe4"}.ti-pig:before{content:"\ef52"}.ti-pig-money:before{content:"\f38c"}.ti-pig-off:before{content:"\f177"}.ti-pilcrow:before{content:"\f5f6"}.ti-pilcrow-left:before{content:"\fd7f"}.ti-pilcrow-right:before{content:"\fd80"}.ti-pill:before{content:"\ec44"}.ti-pill-off:before{content:"\f178"}.ti-pillow:before{content:"\10226"}.ti-pills:before{content:"\ef66"}.ti-pin:before{content:"\ec9c"}.ti-pin-end:before{content:"\fd5b"}.ti-pin-invoke:before{content:"\fd5c"}.ti-ping-pong:before{content:"\f38d"}.ti-pinned:before{content:"\ed60"}.ti-pinned-off:before{content:"\ed5f"}.ti-pipeline:before{content:"\10225"}.ti-pizza:before{content:"\edbb"}.ti-pizza-off:before{content:"\f179"}.ti-placeholder:before{content:"\f626"}.ti-plane:before{content:"\eb6f"}.ti-plane-arrival:before{content:"\eb99"}.ti-plane-departure:before{content:"\eb9a"}.ti-plane-inflight:before{content:"\ef98"}.ti-plane-off:before{content:"\f17a"}.ti-plane-tilt:before{content:"\f1ed"}.ti-planet:before{content:"\ec08"}.ti-planet-off:before{content:"\f17b"}.ti-plant:before{content:"\ed50"}.ti-plant-2:before{content:"\ed7e"}.ti-plant-2-off:before{content:"\f17c"}.ti-plant-off:before{content:"\f17d"}.ti-play-basketball:before{content:"\fa66"}.ti-play-card:before{content:"\eebf"}.ti-play-card-1:before{content:"\1005c"}.ti-play-card-10:before{content:"\1005b"}.ti-play-card-2:before{content:"\1005a"}.ti-play-card-3:before{content:"\10059"}.ti-play-card-4:before{content:"\10058"}.ti-play-card-5:before{content:"\10057"}.ti-play-card-6:before{content:"\10056"}.ti-play-card-7:before{content:"\10055"}.ti-play-card-8:before{content:"\10054"}.ti-play-card-9:before{content:"\10053"}.ti-play-card-a:before{content:"\10052"}.ti-play-card-j:before{content:"\10051"}.ti-play-card-k:before{content:"\10050"}.ti-play-card-off:before{content:"\f17e"}.ti-play-card-q:before{content:"\1004f"}.ti-play-card-star:before{content:"\1004e"}.ti-play-football:before{content:"\fa67"}.ti-play-handball:before{content:"\fa68"}.ti-play-volleyball:before{content:"\fa69"}.ti-player-eject:before{content:"\efbc"}.ti-player-pause:before{content:"\ed45"}.ti-player-play:before{content:"\ed46"}.ti-player-record:before{content:"\ed47"}.ti-player-skip-back:before{content:"\ed48"}.ti-player-skip-forward:before{content:"\ed49"}.ti-player-stop:before{content:"\ed4a"}.ti-player-track-next:before{content:"\ed4b"}.ti-player-track-prev:before{content:"\ed4c"}.ti-playlist:before{content:"\eec0"}.ti-playlist-add:before{content:"\f008"}.ti-playlist-off:before{content:"\f17f"}.ti-playlist-x:before{content:"\f009"}.ti-playstation-circle:before{content:"\f2ad"}.ti-playstation-square:before{content:"\f2ae"}.ti-playstation-triangle:before{content:"\f2af"}.ti-playstation-x:before{content:"\f2b0"}.ti-plug:before{content:"\ebd9"}.ti-plug-connected:before{content:"\f00a"}.ti-plug-connected-x:before{content:"\f0a0"}.ti-plug-off:before{content:"\f180"}.ti-plug-x:before{content:"\f0a1"}.ti-plunger:before{content:"\10232"}.ti-plus:before{content:"\eb0b"}.ti-plus-equal:before{content:"\f7ad"}.ti-plus-minus:before{content:"\f7ae"}.ti-png:before{content:"\f3ad"}.ti-podium:before{content:"\f1d8"}.ti-podium-off:before{content:"\f41b"}.ti-point:before{content:"\eb0c"}.ti-point-off:before{content:"\f181"}.ti-pointer:before{content:"\f265"}.ti-pointer-2:before{content:"\10261"}.ti-pointer-bolt:before{content:"\f999"}.ti-pointer-cancel:before{content:"\f99a"}.ti-pointer-check:before{content:"\f99b"}.ti-pointer-code:before{content:"\f99c"}.ti-pointer-cog:before{content:"\f99d"}.ti-pointer-collaboration:before{content:"\1025f"}.ti-pointer-collaboration-2:before{content:"\10260"}.ti-pointer-dollar:before{content:"\f99e"}.ti-pointer-down:before{content:"\f99f"}.ti-pointer-exclamation:before{content:"\f9a0"}.ti-pointer-heart:before{content:"\f9a1"}.ti-pointer-minus:before{content:"\f9a2"}.ti-pointer-off:before{content:"\f9a3"}.ti-pointer-pause:before{content:"\f9a4"}.ti-pointer-pin:before{content:"\f9a5"}.ti-pointer-plus:before{content:"\f9a6"}.ti-pointer-question:before{content:"\f9a7"}.ti-pointer-search:before{content:"\f9a8"}.ti-pointer-share:before{content:"\f9a9"}.ti-pointer-star:before{content:"\f9aa"}.ti-pointer-up:before{content:"\f9ab"}.ti-pointer-x:before{content:"\f9ac"}.ti-pokeball:before{content:"\eec1"}.ti-pokeball-off:before{content:"\f41c"}.ti-poker-chip:before{content:"\f515"}.ti-polaroid:before{content:"\eec2"}.ti-polygon:before{content:"\efd0"}.ti-polygon-off:before{content:"\f182"}.ti-poo:before{content:"\f258"}.ti-pool:before{content:"\ed91"}.ti-pool-off:before{content:"\f41d"}.ti-power:before{content:"\eb0d"}.ti-pray:before{content:"\ecbf"}.ti-premium-rights:before{content:"\efbd"}.ti-prescription:before{content:"\ef99"}.ti-presentation:before{content:"\eb70"}.ti-presentation-analytics:before{content:"\eec3"}.ti-presentation-off:before{content:"\f183"}.ti-printer:before{content:"\eb0e"}.ti-printer-off:before{content:"\f184"}.ti-prism:before{content:"\fab1"}.ti-prism-light:before{content:"\fea6"}.ti-prism-off:before{content:"\faaf"}.ti-prism-plus:before{content:"\fab0"}.ti-prison:before{content:"\ef79"}.ti-progress:before{content:"\fa0d"}.ti-progress-alert:before{content:"\fa07"}.ti-progress-bolt:before{content:"\fa08"}.ti-progress-check:before{content:"\fa09"}.ti-progress-down:before{content:"\fa0a"}.ti-progress-help:before{content:"\fa0b"}.ti-progress-x:before{content:"\fa0c"}.ti-prompt:before{content:"\eb0f"}.ti-prong:before{content:"\fda1"}.ti-propeller:before{content:"\eec4"}.ti-propeller-off:before{content:"\f185"}.ti-protocol:before{content:"\fd81"}.ti-pumpkin-scary:before{content:"\f587"}.ti-puzzle:before{content:"\eb10"}.ti-puzzle-2:before{content:"\ef83"}.ti-puzzle-off:before{content:"\f186"}.ti-pyramid:before{content:"\eec5"}.ti-pyramid-off:before{content:"\f187"}.ti-pyramid-plus:before{content:"\fab2"}.ti-qrcode:before{content:"\eb11"}.ti-qrcode-off:before{content:"\f41e"}.ti-question-mark:before{content:"\ec9d"}.ti-queue-pop-in:before{content:"\10200"}.ti-queue-pop-out:before{content:"\101ff"}.ti-quote:before{content:"\efbe"}.ti-quote-off:before{content:"\f188"}.ti-quote-open:before{content:"\10224"}.ti-quotes:before{content:"\fb1e"}.ti-radar:before{content:"\f017"}.ti-radar-2:before{content:"\f016"}.ti-radar-off:before{content:"\f41f"}.ti-radio:before{content:"\ef2d"}.ti-radio-off:before{content:"\f420"}.ti-radioactive:before{content:"\ecc0"}.ti-radioactive-off:before{content:"\f189"}.ti-radius-bottom-left:before{content:"\eec6"}.ti-radius-bottom-right:before{content:"\eec7"}.ti-radius-top-left:before{content:"\eec8"}.ti-radius-top-right:before{content:"\eec9"}.ti-rainbow:before{content:"\edbc"}.ti-rainbow-off:before{content:"\f18a"}.ti-rating-12-plus:before{content:"\f266"}.ti-rating-14-plus:before{content:"\f267"}.ti-rating-16-plus:before{content:"\f268"}.ti-rating-18-plus:before{content:"\f269"}.ti-rating-21-plus:before{content:"\f26a"}.ti-razor:before{content:"\f4b5"}.ti-razor-electric:before{content:"\f4b4"}.ti-receipt:before{content:"\edfd"}.ti-receipt-2:before{content:"\edfa"}.ti-receipt-bitcoin:before{content:"\fd66"}.ti-receipt-dollar:before{content:"\fd67"}.ti-receipt-euro:before{content:"\fd68"}.ti-receipt-off:before{content:"\edfb"}.ti-receipt-pound:before{content:"\fd69"}.ti-receipt-refund:before{content:"\edfc"}.ti-receipt-rupee:before{content:"\fd82"}.ti-receipt-tax:before{content:"\edbd"}.ti-receipt-yen:before{content:"\fd6a"}.ti-receipt-yuan:before{content:"\fd6b"}.ti-recharging:before{content:"\eeca"}.ti-record-mail:before{content:"\eb12"}.ti-record-mail-off:before{content:"\f18b"}.ti-rectangle:before{content:"\ed37"}.ti-rectangle-rounded-bottom:before{content:"\faed"}.ti-rectangle-rounded-top:before{content:"\faee"}.ti-rectangle-vertical:before{content:"\ed36"}.ti-rectangular-prism:before{content:"\fab5"}.ti-rectangular-prism-off:before{content:"\fab3"}.ti-rectangular-prism-plus:before{content:"\fab4"}.ti-recycle:before{content:"\eb9b"}.ti-recycle-off:before{content:"\f18c"}.ti-refresh:before{content:"\eb13"}.ti-refresh-alert:before{content:"\ed57"}.ti-refresh-dot:before{content:"\efbf"}.ti-refresh-off:before{content:"\f18d"}.ti-regex:before{content:"\f31f"}.ti-regex-off:before{content:"\f421"}.ti-registered:before{content:"\eb14"}.ti-relation-many-to-many:before{content:"\ed7f"}.ti-relation-one-to-many:before{content:"\ed80"}.ti-relation-one-to-one:before{content:"\ed81"}.ti-reload:before{content:"\f3ae"}.ti-reorder:before{content:"\fc15"}.ti-repeat:before{content:"\eb72"}.ti-repeat-off:before{content:"\f18e"}.ti-repeat-once:before{content:"\eb71"}.ti-replace:before{content:"\ebc7"}.ti-replace-off:before{content:"\f422"}.ti-replace-user:before{content:"\100f0"}.ti-report:before{content:"\eece"}.ti-report-analytics:before{content:"\eecb"}.ti-report-medical:before{content:"\eecc"}.ti-report-money:before{content:"\eecd"}.ti-report-off:before{content:"\f18f"}.ti-report-search:before{content:"\ef84"}.ti-reserved-line:before{content:"\f9f6"}.ti-resize:before{content:"\eecf"}.ti-restore:before{content:"\fafd"}.ti-rewind-backward-10:before{content:"\faba"}.ti-rewind-backward-15:before{content:"\fabb"}.ti-rewind-backward-20:before{content:"\fabc"}.ti-rewind-backward-30:before{content:"\fabd"}.ti-rewind-backward-40:before{content:"\fabe"}.ti-rewind-backward-5:before{content:"\fabf"}.ti-rewind-backward-50:before{content:"\fac0"}.ti-rewind-backward-60:before{content:"\fac1"}.ti-rewind-forward-10:before{content:"\fac2"}.ti-rewind-forward-15:before{content:"\fac3"}.ti-rewind-forward-20:before{content:"\fac4"}.ti-rewind-forward-30:before{content:"\fac5"}.ti-rewind-forward-40:before{content:"\fac6"}.ti-rewind-forward-5:before{content:"\fac7"}.ti-rewind-forward-50:before{content:"\fac8"}.ti-rewind-forward-60:before{content:"\fac9"}.ti-ribbon-health:before{content:"\f58e"}.ti-rings:before{content:"\fa6a"}.ti-ripple:before{content:"\ed82"}.ti-ripple-down:before{content:"\101aa"}.ti-ripple-off:before{content:"\f190"}.ti-ripple-up:before{content:"\101a9"}.ti-road:before{content:"\f018"}.ti-road-off:before{content:"\f191"}.ti-road-sign:before{content:"\ecdd"}.ti-robot:before{content:"\f00b"}.ti-robot-face:before{content:"\fcbe"}.ti-robot-off:before{content:"\f192"}.ti-rocket:before{content:"\ec45"}.ti-rocket-off:before{content:"\f193"}.ti-roller-skating:before{content:"\efd1"}.ti-rollercoaster:before{content:"\f0a2"}.ti-rollercoaster-off:before{content:"\f423"}.ti-rosette:before{content:"\f599"}.ti-rosette-asterisk:before{content:"\101a8"}.ti-rosette-discount:before{content:"\ee7c"}.ti-rosette-discount-check:before{content:"\f1f8"}.ti-rosette-discount-check-off:before{content:"\ff10"}.ti-rosette-discount-off:before{content:"\f3e6"}.ti-rosette-number-0:before{content:"\f58f"}.ti-rosette-number-1:before{content:"\f590"}.ti-rosette-number-2:before{content:"\f591"}.ti-rosette-number-3:before{content:"\f592"}.ti-rosette-number-4:before{content:"\f593"}.ti-rosette-number-5:before{content:"\f594"}.ti-rosette-number-6:before{content:"\f595"}.ti-rosette-number-7:before{content:"\f596"}.ti-rosette-number-8:before{content:"\f597"}.ti-rosette-number-9:before{content:"\f598"}.ti-rotate:before{content:"\eb16"}.ti-rotate-2:before{content:"\ebb4"}.ti-rotate-360:before{content:"\ef85"}.ti-rotate-3d:before{content:"\f020"}.ti-rotate-clockwise:before{content:"\eb15"}.ti-rotate-clockwise-2:before{content:"\ebb5"}.ti-rotate-dot:before{content:"\efe5"}.ti-rotate-rectangle:before{content:"\ec15"}.ti-roulette:before{content:"\1025e"}.ti-route:before{content:"\eb17"}.ti-route-2:before{content:"\f4b6"}.ti-route-alt-left:before{content:"\fca9"}.ti-route-alt-right:before{content:"\fcaa"}.ti-route-off:before{content:"\f194"}.ti-route-scan:before{content:"\fcbf"}.ti-route-square:before{content:"\fcac"}.ti-route-square-2:before{content:"\fcab"}.ti-route-x:before{content:"\fcae"}.ti-route-x-2:before{content:"\fcad"}.ti-router:before{content:"\eb18"}.ti-router-off:before{content:"\f424"}.ti-row-insert-bottom:before{content:"\eed0"}.ti-row-insert-top:before{content:"\eed1"}.ti-row-remove:before{content:"\fafe"}.ti-rss:before{content:"\eb19"}.ti-rubber-stamp:before{content:"\f5ab"}.ti-rubber-stamp-off:before{content:"\f5aa"}.ti-rugby:before{content:"\10247"}.ti-ruler:before{content:"\eb1a"}.ti-ruler-2:before{content:"\eed2"}.ti-ruler-2-off:before{content:"\f195"}.ti-ruler-3:before{content:"\f290"}.ti-ruler-measure:before{content:"\f291"}.ti-ruler-measure-2:before{content:"\ff0f"}.ti-ruler-off:before{content:"\f196"}.ti-run:before{content:"\ec82"}.ti-rv-truck:before{content:"\fcc0"}.ti-s-turn-down:before{content:"\f516"}.ti-s-turn-left:before{content:"\f517"}.ti-s-turn-right:before{content:"\f518"}.ti-s-turn-up:before{content:"\f519"}.ti-sailboat:before{content:"\ec83"}.ti-sailboat-2:before{content:"\f5f7"}.ti-sailboat-off:before{content:"\f425"}.ti-salad:before{content:"\f50a"}.ti-salt:before{content:"\ef16"}.ti-sandbox:before{content:"\fd6c"}.ti-satellite:before{content:"\eed3"}.ti-satellite-off:before{content:"\f197"}.ti-sausage:before{content:"\ef17"}.ti-scale:before{content:"\ebc2"}.ti-scale-off:before{content:"\f198"}.ti-scale-outline:before{content:"\ef53"}.ti-scale-outline-off:before{content:"\f199"}.ti-scan:before{content:"\ebc8"}.ti-scan-cube:before{content:"\1025d"}.ti-scan-eye:before{content:"\f1ff"}.ti-scan-letter-a:before{content:"\10223"}.ti-scan-letter-t:before{content:"\10222"}.ti-scan-position:before{content:"\fdac"}.ti-scan-traces:before{content:"\101ec"}.ti-schema:before{content:"\f200"}.ti-schema-off:before{content:"\f426"}.ti-school:before{content:"\ecf7"}.ti-school-bell:before{content:"\f64a"}.ti-school-off:before{content:"\f19a"}.ti-scissors:before{content:"\eb1b"}.ti-scissors-off:before{content:"\f19b"}.ti-scooter:before{content:"\ec6c"}.ti-scooter-electric:before{content:"\ecc1"}.ti-scoreboard:before{content:"\fa6b"}.ti-screen-share:before{content:"\ed18"}.ti-screen-share-off:before{content:"\ed17"}.ti-screenshot:before{content:"\f201"}.ti-scribble:before{content:"\f0a3"}.ti-scribble-off:before{content:"\f427"}.ti-script:before{content:"\f2da"}.ti-script-minus:before{content:"\f2d7"}.ti-script-plus:before{content:"\f2d8"}.ti-script-x:before{content:"\f2d9"}.ti-scuba-diving:before{content:"\fd4e"}.ti-scuba-diving-tank:before{content:"\fefa"}.ti-scuba-mask:before{content:"\eed4"}.ti-scuba-mask-off:before{content:"\f428"}.ti-sdk:before{content:"\f3af"}.ti-search:before{content:"\eb1c"}.ti-search-off:before{content:"\f19c"}.ti-section:before{content:"\eed5"}.ti-section-sign:before{content:"\f019"}.ti-seedling:before{content:"\ed51"}.ti-seedling-off:before{content:"\f19d"}.ti-segway:before{content:"\10221"}.ti-select:before{content:"\ec9e"}.ti-select-all:before{content:"\f9f7"}.ti-selector:before{content:"\eb1d"}.ti-send:before{content:"\eb1e"}.ti-send-2:before{content:"\fd5d"}.ti-send-off:before{content:"\f429"}.ti-seo:before{content:"\f26b"}.ti-separator:before{content:"\ebda"}.ti-separator-horizontal:before{content:"\ec79"}.ti-separator-vertical:before{content:"\ec7a"}.ti-server:before{content:"\eb1f"}.ti-server-2:before{content:"\f07c"}.ti-server-bolt:before{content:"\f320"}.ti-server-cog:before{content:"\f321"}.ti-server-off:before{content:"\f19e"}.ti-server-spark:before{content:"\ffaf"}.ti-serverless:before{content:"\101eb"}.ti-servicemark:before{content:"\ec09"}.ti-settings:before{content:"\eb20"}.ti-settings-2:before{content:"\f5ac"}.ti-settings-ai:before{content:"\101a7"}.ti-settings-automation:before{content:"\eed6"}.ti-settings-bolt:before{content:"\f9ad"}.ti-settings-cancel:before{content:"\f9ae"}.ti-settings-check:before{content:"\f9af"}.ti-settings-code:before{content:"\f9b0"}.ti-settings-cog:before{content:"\f9b1"}.ti-settings-dollar:before{content:"\f9b2"}.ti-settings-down:before{content:"\f9b3"}.ti-settings-exclamation:before{content:"\f9b4"}.ti-settings-heart:before{content:"\f9b5"}.ti-settings-minus:before{content:"\f9b6"}.ti-settings-off:before{content:"\f19f"}.ti-settings-pause:before{content:"\f9b7"}.ti-settings-pin:before{content:"\f9b8"}.ti-settings-plus:before{content:"\f9b9"}.ti-settings-question:before{content:"\f9ba"}.ti-settings-search:before{content:"\f9bb"}.ti-settings-share:before{content:"\f9bc"}.ti-settings-spark:before{content:"\ffae"}.ti-settings-star:before{content:"\f9bd"}.ti-settings-up:before{content:"\f9be"}.ti-settings-x:before{content:"\f9bf"}.ti-shadow:before{content:"\eed8"}.ti-shadow-off:before{content:"\eed7"}.ti-shape:before{content:"\eb9c"}.ti-shape-2:before{content:"\eed9"}.ti-shape-3:before{content:"\eeda"}.ti-shape-off:before{content:"\f1a0"}.ti-share:before{content:"\eb21"}.ti-share-2:before{content:"\f799"}.ti-share-3:before{content:"\f7bd"}.ti-share-off:before{content:"\f1a1"}.ti-shareplay:before{content:"\fea5"}.ti-shield:before{content:"\eb24"}.ti-shield-bolt:before{content:"\f9c0"}.ti-shield-cancel:before{content:"\f9c1"}.ti-shield-check:before{content:"\eb22"}.ti-shield-checkered:before{content:"\ef9a"}.ti-shield-chevron:before{content:"\ef9b"}.ti-shield-code:before{content:"\f9c2"}.ti-shield-cog:before{content:"\f9c3"}.ti-shield-dollar:before{content:"\f9c4"}.ti-shield-down:before{content:"\f9c5"}.ti-shield-exclamation:before{content:"\f9c6"}.ti-shield-half:before{content:"\f358"}.ti-shield-heart:before{content:"\f9c7"}.ti-shield-lock:before{content:"\ed58"}.ti-shield-minus:before{content:"\f9c8"}.ti-shield-off:before{content:"\ecf8"}.ti-shield-pause:before{content:"\f9c9"}.ti-shield-pin:before{content:"\f9ca"}.ti-shield-plus:before{content:"\f9cb"}.ti-shield-question:before{content:"\f9cc"}.ti-shield-search:before{content:"\f9cd"}.ti-shield-share:before{content:"\f9ce"}.ti-shield-star:before{content:"\f9cf"}.ti-shield-up:before{content:"\f9d0"}.ti-shield-x:before{content:"\eb23"}.ti-ship:before{content:"\ec84"}.ti-ship-off:before{content:"\f42a"}.ti-shirt:before{content:"\ec0a"}.ti-shirt-off:before{content:"\f1a2"}.ti-shirt-sport:before{content:"\f26c"}.ti-shoe:before{content:"\efd2"}.ti-shoe-off:before{content:"\f1a4"}.ti-shopping-bag:before{content:"\f5f8"}.ti-shopping-bag-check:before{content:"\fc16"}.ti-shopping-bag-discount:before{content:"\fc17"}.ti-shopping-bag-edit:before{content:"\fc18"}.ti-shopping-bag-exclamation:before{content:"\fc19"}.ti-shopping-bag-heart:before{content:"\fda2"}.ti-shopping-bag-minus:before{content:"\fc1a"}.ti-shopping-bag-plus:before{content:"\fc1b"}.ti-shopping-bag-search:before{content:"\fc1c"}.ti-shopping-bag-x:before{content:"\fc1d"}.ti-shopping-cart:before{content:"\eb25"}.ti-shopping-cart-bolt:before{content:"\fb57"}.ti-shopping-cart-cancel:before{content:"\fb58"}.ti-shopping-cart-check:before{content:"\fb59"}.ti-shopping-cart-code:before{content:"\fb5a"}.ti-shopping-cart-cog:before{content:"\fb5b"}.ti-shopping-cart-copy:before{content:"\fb5c"}.ti-shopping-cart-discount:before{content:"\fb5d"}.ti-shopping-cart-dollar:before{content:"\fb5e"}.ti-shopping-cart-down:before{content:"\fb5f"}.ti-shopping-cart-exclamation:before{content:"\fb60"}.ti-shopping-cart-heart:before{content:"\fb61"}.ti-shopping-cart-minus:before{content:"\fb62"}.ti-shopping-cart-off:before{content:"\eedc"}.ti-shopping-cart-pause:before{content:"\fb63"}.ti-shopping-cart-pin:before{content:"\fb64"}.ti-shopping-cart-plus:before{content:"\fb65"}.ti-shopping-cart-question:before{content:"\fb66"}.ti-shopping-cart-search:before{content:"\fb67"}.ti-shopping-cart-share:before{content:"\fb68"}.ti-shopping-cart-star:before{content:"\fb69"}.ti-shopping-cart-up:before{content:"\fb6a"}.ti-shopping-cart-x:before{content:"\fb6b"}.ti-shovel:before{content:"\f1d9"}.ti-shovel-pitchforks:before{content:"\fd3a"}.ti-shredder:before{content:"\eedf"}.ti-sign-left:before{content:"\f06b"}.ti-sign-right:before{content:"\f06c"}.ti-signal-2g:before{content:"\f79a"}.ti-signal-3g:before{content:"\f1ee"}.ti-signal-4g:before{content:"\f1ef"}.ti-signal-4g-plus:before{content:"\f259"}.ti-signal-5g:before{content:"\f1f0"}.ti-signal-6g:before{content:"\f9f8"}.ti-signal-e:before{content:"\f9f9"}.ti-signal-g:before{content:"\f9fa"}.ti-signal-h:before{content:"\f9fc"}.ti-signal-h-plus:before{content:"\f9fb"}.ti-signal-lte:before{content:"\f9fd"}.ti-signature:before{content:"\eee0"}.ti-signature-off:before{content:"\f1a5"}.ti-sitemap:before{content:"\eb9d"}.ti-sitemap-off:before{content:"\f1a6"}.ti-skateboard:before{content:"\ecc2"}.ti-skateboard-off:before{content:"\f42b"}.ti-skateboarding:before{content:"\faca"}.ti-sketching:before{content:"\1025c"}.ti-skew-x:before{content:"\fd3b"}.ti-skew-y:before{content:"\fd3c"}.ti-ski-jumping:before{content:"\fa6c"}.ti-skull:before{content:"\f292"}.ti-slash:before{content:"\f4f9"}.ti-slashes:before{content:"\f588"}.ti-sleigh:before{content:"\ef9c"}.ti-slice:before{content:"\ebdb"}.ti-slideshow:before{content:"\ebc9"}.ti-smart-home:before{content:"\ecde"}.ti-smart-home-off:before{content:"\f1a7"}.ti-smoking:before{content:"\ecc4"}.ti-smoking-no:before{content:"\ecc3"}.ti-snowboarding:before{content:"\fd4f"}.ti-snowflake:before{content:"\ec0b"}.ti-snowflake-off:before{content:"\f1a8"}.ti-snowman:before{content:"\f26d"}.ti-soccer-field:before{content:"\ed92"}.ti-social:before{content:"\ebec"}.ti-social-off:before{content:"\f1a9"}.ti-sock:before{content:"\eee1"}.ti-sofa:before{content:"\efaf"}.ti-sofa-off:before{content:"\f42c"}.ti-solar-electricity:before{content:"\fcc1"}.ti-solar-panel:before{content:"\f7bf"}.ti-solar-panel-2:before{content:"\f7be"}.ti-sort-0-9:before{content:"\f54d"}.ti-sort-9-0:before{content:"\f54e"}.ti-sort-a-z:before{content:"\f54f"}.ti-sort-ascending:before{content:"\eb26"}.ti-sort-ascending-2:before{content:"\eee2"}.ti-sort-ascending-letters:before{content:"\ef18"}.ti-sort-ascending-numbers:before{content:"\ef19"}.ti-sort-ascending-shapes:before{content:"\fd94"}.ti-sort-ascending-small-big:before{content:"\fd95"}.ti-sort-descending:before{content:"\eb27"}.ti-sort-descending-2:before{content:"\eee3"}.ti-sort-descending-letters:before{content:"\ef1a"}.ti-sort-descending-numbers:before{content:"\ef1b"}.ti-sort-descending-shapes:before{content:"\fd97"}.ti-sort-descending-small-big:before{content:"\fd96"}.ti-sort-z-a:before{content:"\f550"}.ti-sos:before{content:"\f24a"}.ti-soup:before{content:"\ef2e"}.ti-soup-off:before{content:"\f42d"}.ti-source-code:before{content:"\f4a2"}.ti-space:before{content:"\ec0c"}.ti-space-off:before{content:"\f1aa"}.ti-spaces:before{content:"\fea4"}.ti-spacing-horizontal:before{content:"\ef54"}.ti-spacing-vertical:before{content:"\ef55"}.ti-spade:before{content:"\effa"}.ti-sparkle:before{content:"\10259"}.ti-sparkle-2:before{content:"\1025b"}.ti-sparkle-highlight:before{content:"\1025a"}.ti-sparkles:before{content:"\f6d7"}.ti-sparkles-2:before{content:"\101a6"}.ti-speakerphone:before{content:"\ed61"}.ti-speedboat:before{content:"\ed93"}.ti-sphere:before{content:"\fab8"}.ti-sphere-2:before{content:"\10258"}.ti-sphere-off:before{content:"\fab6"}.ti-sphere-plus:before{content:"\fab7"}.ti-spider:before{content:"\f293"}.ti-spiral:before{content:"\f294"}.ti-spiral-off:before{content:"\f42e"}.ti-sport-billiard:before{content:"\eee4"}.ti-spray:before{content:"\f50b"}.ti-spy:before{content:"\f227"}.ti-spy-off:before{content:"\f42f"}.ti-sql:before{content:"\f7c0"}.ti-square:before{content:"\eb2c"}.ti-square-arrow-down:before{content:"\f4b7"}.ti-square-arrow-left:before{content:"\f4b8"}.ti-square-arrow-right:before{content:"\f4b9"}.ti-square-arrow-up:before{content:"\f4ba"}.ti-square-asterisk:before{content:"\f01a"}.ti-square-check:before{content:"\eb28"}.ti-square-chevron-down:before{content:"\f627"}.ti-square-chevron-left:before{content:"\f628"}.ti-square-chevron-right:before{content:"\f629"}.ti-square-chevron-up:before{content:"\f62a"}.ti-square-chevrons-down:before{content:"\f64b"}.ti-square-chevrons-left:before{content:"\f64c"}.ti-square-chevrons-right:before{content:"\f64d"}.ti-square-chevrons-up:before{content:"\f64e"}.ti-square-dashed:before{content:"\100bb"}.ti-square-dot:before{content:"\ed59"}.ti-square-f0:before{content:"\f526"}.ti-square-f1:before{content:"\f527"}.ti-square-f2:before{content:"\f528"}.ti-square-f3:before{content:"\f529"}.ti-square-f4:before{content:"\f52a"}.ti-square-f5:before{content:"\f52b"}.ti-square-f6:before{content:"\f52c"}.ti-square-f7:before{content:"\f52d"}.ti-square-f8:before{content:"\f52e"}.ti-square-f9:before{content:"\f52f"}.ti-square-forbid:before{content:"\ed5b"}.ti-square-forbid-2:before{content:"\ed5a"}.ti-square-half:before{content:"\effb"}.ti-square-key:before{content:"\f638"}.ti-square-letter-a:before{content:"\f47c"}.ti-square-letter-b:before{content:"\f47d"}.ti-square-letter-c:before{content:"\f47e"}.ti-square-letter-d:before{content:"\f47f"}.ti-square-letter-e:before{content:"\f480"}.ti-square-letter-f:before{content:"\f481"}.ti-square-letter-g:before{content:"\f482"}.ti-square-letter-h:before{content:"\f483"}.ti-square-letter-i:before{content:"\f484"}.ti-square-letter-j:before{content:"\f485"}.ti-square-letter-k:before{content:"\f486"}.ti-square-letter-l:before{content:"\f487"}.ti-square-letter-m:before{content:"\f488"}.ti-square-letter-n:before{content:"\f489"}.ti-square-letter-o:before{content:"\f48a"}.ti-square-letter-p:before{content:"\f48b"}.ti-square-letter-q:before{content:"\f48c"}.ti-square-letter-r:before{content:"\f48d"}.ti-square-letter-s:before{content:"\f48e"}.ti-square-letter-t:before{content:"\f48f"}.ti-square-letter-u:before{content:"\f490"}.ti-square-letter-v:before{content:"\f4bb"}.ti-square-letter-w:before{content:"\f491"}.ti-square-letter-x:before{content:"\f4bc"}.ti-square-letter-y:before{content:"\f492"}.ti-square-letter-z:before{content:"\f493"}.ti-square-minus:before{content:"\1019e"}.ti-square-minus-2:before{content:"\eb29"}.ti-square-number-0:before{content:"\eee5"}.ti-square-number-1:before{content:"\eee6"}.ti-square-number-2:before{content:"\eee7"}.ti-square-number-3:before{content:"\eee8"}.ti-square-number-4:before{content:"\eee9"}.ti-square-number-5:before{content:"\eeea"}.ti-square-number-6:before{content:"\eeeb"}.ti-square-number-7:before{content:"\eeec"}.ti-square-number-8:before{content:"\eeed"}.ti-square-number-9:before{content:"\eeee"}.ti-square-off:before{content:"\eeef"}.ti-square-percentage:before{content:"\fd83"}.ti-square-plus:before{content:"\eb2a"}.ti-square-plus-2:before{content:"\fc96"}.ti-square-root:before{content:"\eef1"}.ti-square-root-2:before{content:"\eef0"}.ti-square-rotated:before{content:"\ecdf"}.ti-square-rotated-asterisk:before{content:"\101a5"}.ti-square-rotated-forbid:before{content:"\f01c"}.ti-square-rotated-forbid-2:before{content:"\f01b"}.ti-square-rotated-off:before{content:"\eef2"}.ti-square-rounded:before{content:"\f59a"}.ti-square-rounded-arrow-down:before{content:"\f639"}.ti-square-rounded-arrow-left:before{content:"\f63a"}.ti-square-rounded-arrow-right:before{content:"\f63b"}.ti-square-rounded-arrow-up:before{content:"\f63c"}.ti-square-rounded-check:before{content:"\f63d"}.ti-square-rounded-chevron-down:before{content:"\f62b"}.ti-square-rounded-chevron-left:before{content:"\f62c"}.ti-square-rounded-chevron-right:before{content:"\f62d"}.ti-square-rounded-chevron-up:before{content:"\f62e"}.ti-square-rounded-chevrons-down:before{content:"\f64f"}.ti-square-rounded-chevrons-left:before{content:"\f650"}.ti-square-rounded-chevrons-right:before{content:"\f651"}.ti-square-rounded-chevrons-up:before{content:"\f652"}.ti-square-rounded-letter-a:before{content:"\f5ae"}.ti-square-rounded-letter-b:before{content:"\f5af"}.ti-square-rounded-letter-c:before{content:"\f5b0"}.ti-square-rounded-letter-d:before{content:"\f5b1"}.ti-square-rounded-letter-e:before{content:"\f5b2"}.ti-square-rounded-letter-f:before{content:"\f5b3"}.ti-square-rounded-letter-g:before{content:"\f5b4"}.ti-square-rounded-letter-h:before{content:"\f5b5"}.ti-square-rounded-letter-i:before{content:"\f5b6"}.ti-square-rounded-letter-j:before{content:"\f5b7"}.ti-square-rounded-letter-k:before{content:"\f5b8"}.ti-square-rounded-letter-l:before{content:"\f5b9"}.ti-square-rounded-letter-m:before{content:"\f5ba"}.ti-square-rounded-letter-n:before{content:"\f5bb"}.ti-square-rounded-letter-o:before{content:"\f5bc"}.ti-square-rounded-letter-p:before{content:"\f5bd"}.ti-square-rounded-letter-q:before{content:"\f5be"}.ti-square-rounded-letter-r:before{content:"\f5bf"}.ti-square-rounded-letter-s:before{content:"\f5c0"}.ti-square-rounded-letter-t:before{content:"\f5c1"}.ti-square-rounded-letter-u:before{content:"\f5c2"}.ti-square-rounded-letter-v:before{content:"\f5c3"}.ti-square-rounded-letter-w:before{content:"\f5c4"}.ti-square-rounded-letter-x:before{content:"\f5c5"}.ti-square-rounded-letter-y:before{content:"\f5c6"}.ti-square-rounded-letter-z:before{content:"\f5c7"}.ti-square-rounded-minus:before{content:"\f63e"}.ti-square-rounded-minus-2:before{content:"\fc97"}.ti-square-rounded-number-0:before{content:"\f5c8"}.ti-square-rounded-number-1:before{content:"\f5c9"}.ti-square-rounded-number-2:before{content:"\f5ca"}.ti-square-rounded-number-3:before{content:"\f5cb"}.ti-square-rounded-number-4:before{content:"\f5cc"}.ti-square-rounded-number-5:before{content:"\f5cd"}.ti-square-rounded-number-6:before{content:"\f5ce"}.ti-square-rounded-number-7:before{content:"\f5cf"}.ti-square-rounded-number-8:before{content:"\f5d0"}.ti-square-rounded-number-9:before{content:"\f5d1"}.ti-square-rounded-percentage:before{content:"\fd84"}.ti-square-rounded-plus:before{content:"\f63f"}.ti-square-rounded-plus-2:before{content:"\fc98"}.ti-square-rounded-x:before{content:"\f640"}.ti-square-toggle:before{content:"\eef4"}.ti-square-toggle-horizontal:before{content:"\eef3"}.ti-square-x:before{content:"\eb2b"}.ti-squares:before{content:"\eef6"}.ti-squares-diagonal:before{content:"\eef5"}.ti-squares-selected:before{content:"\fea3"}.ti-stack:before{content:"\eb2d"}.ti-stack-2:before{content:"\eef7"}.ti-stack-3:before{content:"\ef9d"}.ti-stack-back:before{content:"\fd26"}.ti-stack-backward:before{content:"\fd27"}.ti-stack-forward:before{content:"\fd28"}.ti-stack-front:before{content:"\fd29"}.ti-stack-middle:before{content:"\fd2a"}.ti-stack-pop:before{content:"\f234"}.ti-stack-push:before{content:"\f235"}.ti-stairs:before{content:"\eca6"}.ti-stairs-down:before{content:"\eca4"}.ti-stairs-up:before{content:"\eca5"}.ti-star:before{content:"\eb2e"}.ti-star-half:before{content:"\ed19"}.ti-star-off:before{content:"\ed62"}.ti-stars:before{content:"\ed38"}.ti-stars-off:before{content:"\f430"}.ti-status-change:before{content:"\f3b0"}.ti-steam:before{content:"\f24b"}.ti-steering-wheel:before{content:"\ec7b"}.ti-steering-wheel-off:before{content:"\f431"}.ti-step-into:before{content:"\ece0"}.ti-step-out:before{content:"\ece1"}.ti-stereo-glasses:before{content:"\f4cb"}.ti-stethoscope:before{content:"\edbe"}.ti-stethoscope-off:before{content:"\f432"}.ti-sticker:before{content:"\eb2f"}.ti-sticker-2:before{content:"\fd3d"}.ti-stopwatch:before{content:"\ff9b"}.ti-storm:before{content:"\f24c"}.ti-storm-off:before{content:"\f433"}.ti-stretching:before{content:"\f2db"}.ti-stretching-2:before{content:"\fa6d"}.ti-strikethrough:before{content:"\eb9e"}.ti-stroke-curved:before{content:"\101fe"}.ti-stroke-dynamic:before{content:"\101fd"}.ti-stroke-straight:before{content:"\101fc"}.ti-submarine:before{content:"\ed94"}.ti-subscript:before{content:"\eb9f"}.ti-subtask:before{content:"\ec9f"}.ti-subtitles:before{content:"\101a1"}.ti-subtitles-ai:before{content:"\101a4"}.ti-subtitles-edit:before{content:"\101a3"}.ti-subtitles-off:before{content:"\101a2"}.ti-sum:before{content:"\eb73"}.ti-sum-off:before{content:"\f1ab"}.ti-sun:before{content:"\eb30"}.ti-sun-electricity:before{content:"\fcc2"}.ti-sun-high:before{content:"\f236"}.ti-sun-low:before{content:"\f237"}.ti-sun-moon:before{content:"\f4a3"}.ti-sun-off:before{content:"\ed63"}.ti-sun-wind:before{content:"\f238"}.ti-sunglasses:before{content:"\f239"}.ti-sunrise:before{content:"\ef1c"}.ti-sunset:before{content:"\ec31"}.ti-sunset-2:before{content:"\f23a"}.ti-superscript:before{content:"\eba0"}.ti-svg:before{content:"\f25a"}.ti-swimming:before{content:"\ec92"}.ti-swipe:before{content:"\f551"}.ti-swipe-down:before{content:"\fd5e"}.ti-swipe-left:before{content:"\fd5f"}.ti-swipe-right:before{content:"\fd60"}.ti-swipe-up:before{content:"\fd61"}.ti-switch:before{content:"\eb33"}.ti-switch-2:before{content:"\edbf"}.ti-switch-3:before{content:"\edc0"}.ti-switch-horizontal:before{content:"\eb31"}.ti-switch-vertical:before{content:"\eb32"}.ti-sword:before{content:"\f030"}.ti-sword-off:before{content:"\f434"}.ti-swords:before{content:"\f132"}.ti-tab-close:before{content:"\10270"}.ti-table:before{content:"\eba1"}.ti-table-alias:before{content:"\f25b"}.ti-table-column:before{content:"\faff"}.ti-table-dashed:before{content:"\100ba"}.ti-table-down:before{content:"\fa1c"}.ti-table-export:before{content:"\eef8"}.ti-table-heart:before{content:"\fa1d"}.ti-table-import:before{content:"\eef9"}.ti-table-minus:before{content:"\fa1e"}.ti-table-off:before{content:"\eefa"}.ti-table-options:before{content:"\f25c"}.ti-table-plus:before{content:"\fa1f"}.ti-table-row:before{content:"\fb00"}.ti-table-share:before{content:"\fa20"}.ti-table-shortcut:before{content:"\f25d"}.ti-table-spark:before{content:"\ffad"}.ti-tag:before{content:"\10096"}.ti-tag-minus:before{content:"\eb34"}.ti-tag-off:before{content:"\efc0"}.ti-tag-plus:before{content:"\10097"}.ti-tag-starred:before{content:"\fc99"}.ti-tags:before{content:"\ef86"}.ti-tags-off:before{content:"\efc1"}.ti-taiwan-dollar:before{content:"\10246"}.ti-tallymark-1:before{content:"\ec46"}.ti-tallymark-2:before{content:"\ec47"}.ti-tallymark-3:before{content:"\ec48"}.ti-tallymark-4:before{content:"\ec49"}.ti-tallymarks:before{content:"\ec4a"}.ti-tank:before{content:"\ed95"}.ti-target:before{content:"\eb35"}.ti-target-2:before{content:"\10245"}.ti-target-arrow:before{content:"\f51a"}.ti-target-off:before{content:"\f1ad"}.ti-tax:before{content:"\feee"}.ti-tax-euro:before{content:"\fef0"}.ti-tax-pound:before{content:"\feef"}.ti-teapot:before{content:"\f552"}.ti-telescope:before{content:"\f07d"}.ti-telescope-off:before{content:"\f1ae"}.ti-temperature:before{content:"\eb38"}.ti-temperature-celsius:before{content:"\eb36"}.ti-temperature-fahrenheit:before{content:"\eb37"}.ti-temperature-minus:before{content:"\ebed"}.ti-temperature-off:before{content:"\f1af"}.ti-temperature-plus:before{content:"\ebee"}.ti-temperature-snow:before{content:"\fda3"}.ti-temperature-sun:before{content:"\fda4"}.ti-template:before{content:"\eb39"}.ti-template-off:before{content:"\f1b0"}.ti-tent:before{content:"\eefb"}.ti-tent-off:before{content:"\f435"}.ti-terminal:before{content:"\ebdc"}.ti-terminal-2:before{content:"\ebef"}.ti-test-pipe:before{content:"\eb3a"}.ti-test-pipe-2:before{content:"\f0a4"}.ti-test-pipe-off:before{content:"\f1b1"}.ti-tex:before{content:"\f4e0"}.ti-text-caption:before{content:"\f4a4"}.ti-text-color:before{content:"\f2dc"}.ti-text-decrease:before{content:"\f202"}.ti-text-direction-ltr:before{content:"\eefc"}.ti-text-direction-rtl:before{content:"\eefd"}.ti-text-grammar:before{content:"\fd6d"}.ti-text-increase:before{content:"\f203"}.ti-text-orientation:before{content:"\f2a4"}.ti-text-outline:before{content:"\1026f"}.ti-text-plus:before{content:"\f2a5"}.ti-text-recognition:before{content:"\f204"}.ti-text-regex-asterisk:before{content:"\1026e"}.ti-text-regex-end:before{content:"\1026d"}.ti-text-regex-plus:before{content:"\1026c"}.ti-text-regex-question:before{content:"\1026b"}.ti-text-regex-start:before{content:"\1026a"}.ti-text-resize:before{content:"\ef87"}.ti-text-scan-2:before{content:"\fcc3"}.ti-text-scan-ai:before{content:"\10257"}.ti-text-size:before{content:"\f2b1"}.ti-text-spellcheck:before{content:"\f2a6"}.ti-text-wrap:before{content:"\ebdd"}.ti-text-wrap-column:before{content:"\feb2"}.ti-text-wrap-disabled:before{content:"\eca7"}.ti-texture:before{content:"\f51b"}.ti-theater:before{content:"\f79b"}.ti-thermometer:before{content:"\ef67"}.ti-thumb-down:before{content:"\eb3b"}.ti-thumb-down-off:before{content:"\f436"}.ti-thumb-up:before{content:"\eb3c"}.ti-thumb-up-off:before{content:"\f437"}.ti-tic-tac:before{content:"\f51c"}.ti-ticket:before{content:"\eb3d"}.ti-ticket-off:before{content:"\f1b2"}.ti-tie:before{content:"\f07e"}.ti-tilde:before{content:"\f4a5"}.ti-tilt-shift:before{content:"\eefe"}.ti-tilt-shift-off:before{content:"\f1b3"}.ti-time-duration-0:before{content:"\fad4"}.ti-time-duration-10:before{content:"\fad5"}.ti-time-duration-15:before{content:"\fad6"}.ti-time-duration-30:before{content:"\fad7"}.ti-time-duration-45:before{content:"\fad8"}.ti-time-duration-5:before{content:"\fad9"}.ti-time-duration-60:before{content:"\fada"}.ti-time-duration-90:before{content:"\fadb"}.ti-time-duration-off:before{content:"\fadc"}.ti-timeline:before{content:"\f031"}.ti-timeline-event:before{content:"\f553"}.ti-timeline-event-exclamation:before{content:"\f662"}.ti-timeline-event-minus:before{content:"\f663"}.ti-timeline-event-plus:before{content:"\f664"}.ti-timeline-event-text:before{content:"\f665"}.ti-timeline-event-x:before{content:"\f666"}.ti-timezone:before{content:"\feed"}.ti-tip-jar:before{content:"\feea"}.ti-tip-jar-euro:before{content:"\feec"}.ti-tip-jar-pound:before{content:"\feeb"}.ti-tir:before{content:"\ebf0"}.ti-toggle-left:before{content:"\eb3e"}.ti-toggle-right:before{content:"\eb3f"}.ti-toilet-paper:before{content:"\efd3"}.ti-toilet-paper-off:before{content:"\f1b4"}.ti-toml:before{content:"\fa5d"}.ti-tool:before{content:"\eb40"}.ti-tools:before{content:"\ebca"}.ti-tools-kitchen:before{content:"\ed64"}.ti-tools-kitchen-2:before{content:"\eeff"}.ti-tools-kitchen-2-off:before{content:"\f1b5"}.ti-tools-kitchen-3:before{content:"\fd2b"}.ti-tools-kitchen-off:before{content:"\f1b6"}.ti-tools-off:before{content:"\f1b7"}.ti-tooltip:before{content:"\f2dd"}.ti-topology-bus:before{content:"\f5d9"}.ti-topology-complex:before{content:"\f5da"}.ti-topology-full:before{content:"\f5dc"}.ti-topology-full-hierarchy:before{content:"\f5db"}.ti-topology-ring:before{content:"\f5df"}.ti-topology-ring-2:before{content:"\f5dd"}.ti-topology-ring-3:before{content:"\f5de"}.ti-topology-star:before{content:"\f5e5"}.ti-topology-star-2:before{content:"\f5e0"}.ti-topology-star-3:before{content:"\f5e1"}.ti-topology-star-ring:before{content:"\f5e4"}.ti-topology-star-ring-2:before{content:"\f5e2"}.ti-topology-star-ring-3:before{content:"\f5e3"}.ti-torii:before{content:"\f59b"}.ti-tornado:before{content:"\ece2"}.ti-tournament:before{content:"\ecd0"}.ti-tower:before{content:"\f2cb"}.ti-tower-off:before{content:"\f2ca"}.ti-track:before{content:"\ef00"}.ti-tractor:before{content:"\ec0d"}.ti-trademark:before{content:"\ec0e"}.ti-traffic-cone:before{content:"\ec0f"}.ti-traffic-cone-off:before{content:"\f1b8"}.ti-traffic-lights:before{content:"\ed39"}.ti-traffic-lights-off:before{content:"\f1b9"}.ti-train:before{content:"\ed96"}.ti-transaction-bitcoin:before{content:"\fd6e"}.ti-transaction-dollar:before{content:"\fd6f"}.ti-transaction-euro:before{content:"\fd70"}.ti-transaction-pound:before{content:"\fd71"}.ti-transaction-rupee:before{content:"\fd85"}.ti-transaction-yen:before{content:"\fd72"}.ti-transaction-yuan:before{content:"\fd73"}.ti-transfer:before{content:"\fc1f"}.ti-transfer-in:before{content:"\ef2f"}.ti-transfer-out:before{content:"\ef30"}.ti-transfer-vertical:before{content:"\fc1e"}.ti-transform:before{content:"\f38e"}.ti-transform-point:before{content:"\fda9"}.ti-transform-point-bottom-left:before{content:"\fda5"}.ti-transform-point-bottom-right:before{content:"\fda6"}.ti-transform-point-top-left:before{content:"\fda7"}.ti-transform-point-top-right:before{content:"\fda8"}.ti-transition-bottom:before{content:"\f2b2"}.ti-transition-left:before{content:"\f2b3"}.ti-transition-right:before{content:"\f2b4"}.ti-transition-top:before{content:"\f2b5"}.ti-trash:before{content:"\eb41"}.ti-trash-off:before{content:"\ed65"}.ti-trash-x:before{content:"\ef88"}.ti-treadmill:before{content:"\fa6e"}.ti-tree:before{content:"\ef01"}.ti-trees:before{content:"\ec10"}.ti-trekking:before{content:"\f5ad"}.ti-trending-down:before{content:"\eb42"}.ti-trending-down-2:before{content:"\edc1"}.ti-trending-down-3:before{content:"\edc2"}.ti-trending-up:before{content:"\eb43"}.ti-trending-up-2:before{content:"\edc3"}.ti-trending-up-3:before{content:"\edc4"}.ti-trending-up-down:before{content:"\101fb"}.ti-triangle:before{content:"\eb44"}.ti-triangle-inverted:before{content:"\f01d"}.ti-triangle-minus:before{content:"\fc9b"}.ti-triangle-minus-2:before{content:"\fc9a"}.ti-triangle-off:before{content:"\ef02"}.ti-triangle-plus:before{content:"\fc9d"}.ti-triangle-plus-2:before{content:"\fc9c"}.ti-triangle-square-circle:before{content:"\ece8"}.ti-triangles:before{content:"\f0a5"}.ti-trident:before{content:"\ecc5"}.ti-trolley:before{content:"\f4cc"}.ti-trophy:before{content:"\eb45"}.ti-trophy-off:before{content:"\f438"}.ti-trowel:before{content:"\f368"}.ti-truck:before{content:"\ebc4"}.ti-truck-delivery:before{content:"\ec4b"}.ti-truck-loading:before{content:"\f1da"}.ti-truck-off:before{content:"\ef03"}.ti-truck-return:before{content:"\ec4c"}.ti-txt:before{content:"\f3b1"}.ti-typeface:before{content:"\fdab"}.ti-typography:before{content:"\ebc5"}.ti-typography-off:before{content:"\f1ba"}.ti-u-turn-left:before{content:"\fea2"}.ti-u-turn-right:before{content:"\fea1"}.ti-ufo:before{content:"\f26f"}.ti-ufo-off:before{content:"\f26e"}.ti-uhd:before{content:"\100aa"}.ti-umbrella:before{content:"\ebf1"}.ti-umbrella-2:before{content:"\ff0e"}.ti-umbrella-closed:before{content:"\ff0c"}.ti-umbrella-closed-2:before{content:"\ff0d"}.ti-umbrella-off:before{content:"\f1bb"}.ti-underline:before{content:"\eba2"}.ti-underline-off:before{content:"\10269"}.ti-unicycle:before{content:"\10244"}.ti-universe:before{content:"\fcc4"}.ti-unlink:before{content:"\eb46"}.ti-upload:before{content:"\eb47"}.ti-urgent:before{content:"\eb48"}.ti-usb:before{content:"\f00c"}.ti-user:before{content:"\eb4d"}.ti-user-bitcoin:before{content:"\ff30"}.ti-user-bolt:before{content:"\f9d1"}.ti-user-cancel:before{content:"\f9d2"}.ti-user-check:before{content:"\eb49"}.ti-user-circle:before{content:"\ef68"}.ti-user-code:before{content:"\f9d3"}.ti-user-cog:before{content:"\f9d4"}.ti-user-dollar:before{content:"\f9d5"}.ti-user-down:before{content:"\f9d6"}.ti-user-edit:before{content:"\f7cc"}.ti-user-exclamation:before{content:"\ec12"}.ti-user-heart:before{content:"\f7cd"}.ti-user-hexagon:before{content:"\fc4e"}.ti-user-key:before{content:"\101ea"}.ti-user-minus:before{content:"\eb4a"}.ti-user-off:before{content:"\ecf9"}.ti-user-pause:before{content:"\f9d7"}.ti-user-pentagon:before{content:"\fc4f"}.ti-user-pin:before{content:"\f7ce"}.ti-user-plus:before{content:"\eb4b"}.ti-user-question:before{content:"\f7cf"}.ti-user-scan:before{content:"\fcaf"}.ti-user-screen:before{content:"\fea0"}.ti-user-search:before{content:"\ef89"}.ti-user-share:before{content:"\f9d8"}.ti-user-shield:before{content:"\f7d0"}.ti-user-square:before{content:"\fc51"}.ti-user-square-rounded:before{content:"\fc50"}.ti-user-star:before{content:"\f7d1"}.ti-user-up:before{content:"\f7d2"}.ti-user-x:before{content:"\eb4c"}.ti-users:before{content:"\ebf2"}.ti-users-group:before{content:"\fa21"}.ti-users-minus:before{content:"\fa0e"}.ti-users-plus:before{content:"\fa0f"}.ti-uv-index:before{content:"\f3b2"}.ti-ux-circle:before{content:"\f369"}.ti-vaccine:before{content:"\ef04"}.ti-vaccine-bottle:before{content:"\ef69"}.ti-vaccine-bottle-off:before{content:"\f439"}.ti-vaccine-off:before{content:"\f1bc"}.ti-vacuum-cleaner:before{content:"\f5e6"}.ti-variable:before{content:"\ef05"}.ti-variable-minus:before{content:"\f36a"}.ti-variable-off:before{content:"\f1bd"}.ti-variable-plus:before{content:"\f36b"}.ti-vector:before{content:"\eca9"}.ti-vector-bezier:before{content:"\ef1d"}.ti-vector-bezier-2:before{content:"\f1a3"}.ti-vector-bezier-arc:before{content:"\f4cd"}.ti-vector-bezier-circle:before{content:"\f4ce"}.ti-vector-off:before{content:"\f1be"}.ti-vector-spline:before{content:"\f565"}.ti-vector-triangle:before{content:"\eca8"}.ti-vector-triangle-off:before{content:"\f1bf"}.ti-venus:before{content:"\ec86"}.ti-versions:before{content:"\ed52"}.ti-versions-off:before{content:"\f1c0"}.ti-video:before{content:"\ed22"}.ti-video-minus:before{content:"\ed1f"}.ti-video-off:before{content:"\ed20"}.ti-video-plus:before{content:"\ed21"}.ti-view-360:before{content:"\ed84"}.ti-view-360-arrow:before{content:"\f62f"}.ti-view-360-number:before{content:"\f566"}.ti-view-360-off:before{content:"\f1c1"}.ti-viewfinder:before{content:"\eb4e"}.ti-viewfinder-off:before{content:"\f1c2"}.ti-viewport-narrow:before{content:"\ebf3"}.ti-viewport-short:before{content:"\fee9"}.ti-viewport-tall:before{content:"\fee8"}.ti-viewport-wide:before{content:"\ebf4"}.ti-vignette:before{content:"\10256"}.ti-vinyl:before{content:"\f00d"}.ti-vip:before{content:"\f3b3"}.ti-vip-2:before{content:"\101fa"}.ti-vip-off:before{content:"\f43a"}.ti-virtual-space:before{content:"\10268"}.ti-virus:before{content:"\eb74"}.ti-virus-off:before{content:"\ed66"}.ti-virus-search:before{content:"\ed67"}.ti-vocabulary:before{content:"\ef1e"}.ti-vocabulary-off:before{content:"\f43b"}.ti-volcano:before{content:"\f79c"}.ti-volume:before{content:"\eb51"}.ti-volume-2:before{content:"\eb4f"}.ti-volume-3:before{content:"\eb50"}.ti-volume-4:before{content:"\1019d"}.ti-volume-off:before{content:"\f1c3"}.ti-vs:before{content:"\fc52"}.ti-walk:before{content:"\ec87"}.ti-wall:before{content:"\ef7a"}.ti-wall-off:before{content:"\f43c"}.ti-wallet:before{content:"\eb75"}.ti-wallet-off:before{content:"\f1c4"}.ti-wallpaper:before{content:"\ef56"}.ti-wallpaper-off:before{content:"\f1c5"}.ti-wand:before{content:"\ebcb"}.ti-wand-off:before{content:"\f1c6"}.ti-wash:before{content:"\f311"}.ti-wash-dry:before{content:"\f304"}.ti-wash-dry-1:before{content:"\f2fa"}.ti-wash-dry-2:before{content:"\f2fb"}.ti-wash-dry-3:before{content:"\f2fc"}.ti-wash-dry-a:before{content:"\f2fd"}.ti-wash-dry-dip:before{content:"\f2fe"}.ti-wash-dry-f:before{content:"\f2ff"}.ti-wash-dry-flat:before{content:"\fa7f"}.ti-wash-dry-hang:before{content:"\f300"}.ti-wash-dry-off:before{content:"\f301"}.ti-wash-dry-p:before{content:"\f302"}.ti-wash-dry-shade:before{content:"\f303"}.ti-wash-dry-w:before{content:"\f322"}.ti-wash-dryclean:before{content:"\f305"}.ti-wash-dryclean-off:before{content:"\f323"}.ti-wash-eco:before{content:"\fa80"}.ti-wash-gentle:before{content:"\f306"}.ti-wash-hand:before{content:"\fa81"}.ti-wash-machine:before{content:"\f25e"}.ti-wash-off:before{content:"\f307"}.ti-wash-press:before{content:"\f308"}.ti-wash-temperature-1:before{content:"\f309"}.ti-wash-temperature-2:before{content:"\f30a"}.ti-wash-temperature-3:before{content:"\f30b"}.ti-wash-temperature-4:before{content:"\f30c"}.ti-wash-temperature-5:before{content:"\f30d"}.ti-wash-temperature-6:before{content:"\f30e"}.ti-wash-tumble-dry:before{content:"\f30f"}.ti-wash-tumble-off:before{content:"\f310"}.ti-waterpolo:before{content:"\fa6f"}.ti-wave-saw-tool:before{content:"\ecd3"}.ti-wave-sine:before{content:"\ecd4"}.ti-wave-square:before{content:"\ecd5"}.ti-waves-electricity:before{content:"\fcc5"}.ti-webhook:before{content:"\f01e"}.ti-webhook-off:before{content:"\f43d"}.ti-weight:before{content:"\f589"}.ti-wheat:before{content:"\100a8"}.ti-wheat-off:before{content:"\100a9"}.ti-wheel:before{content:"\fc64"}.ti-wheelchair:before{content:"\f1db"}.ti-wheelchair-off:before{content:"\f43e"}.ti-whirl:before{content:"\f51d"}.ti-whisk:before{content:"\101a0"}.ti-wifi:before{content:"\eb52"}.ti-wifi-0:before{content:"\eba3"}.ti-wifi-1:before{content:"\eba4"}.ti-wifi-2:before{content:"\eba5"}.ti-wifi-off:before{content:"\ecfa"}.ti-wind:before{content:"\ec34"}.ti-wind-electricity:before{content:"\fcc6"}.ti-wind-off:before{content:"\f1c7"}.ti-windmill:before{content:"\ed85"}.ti-windmill-off:before{content:"\f1c8"}.ti-window:before{content:"\ef06"}.ti-window-maximize:before{content:"\f1f1"}.ti-window-minimize:before{content:"\f1f2"}.ti-window-off:before{content:"\f1c9"}.ti-windsock:before{content:"\f06d"}.ti-wiper:before{content:"\ecab"}.ti-wiper-wash:before{content:"\ecaa"}.ti-woman:before{content:"\eb53"}.ti-wood:before{content:"\f359"}.ti-world:before{content:"\eb54"}.ti-world-bolt:before{content:"\f9d9"}.ti-world-cancel:before{content:"\f9da"}.ti-world-check:before{content:"\f9db"}.ti-world-code:before{content:"\f9dc"}.ti-world-cog:before{content:"\f9dd"}.ti-world-dollar:before{content:"\f9de"}.ti-world-down:before{content:"\f9df"}.ti-world-download:before{content:"\ef8a"}.ti-world-exclamation:before{content:"\f9e0"}.ti-world-heart:before{content:"\f9e1"}.ti-world-latitude:before{content:"\ed2e"}.ti-world-longitude:before{content:"\ed2f"}.ti-world-map:before{content:"\101e9"}.ti-world-minus:before{content:"\f9e2"}.ti-world-off:before{content:"\f1ca"}.ti-world-pause:before{content:"\f9e3"}.ti-world-pin:before{content:"\f9e4"}.ti-world-plus:before{content:"\f9e5"}.ti-world-question:before{content:"\f9e6"}.ti-world-search:before{content:"\f9e7"}.ti-world-share:before{content:"\f9e8"}.ti-world-star:before{content:"\f9e9"}.ti-world-up:before{content:"\f9ea"}.ti-world-upload:before{content:"\ef8b"}.ti-world-www:before{content:"\f38f"}.ti-world-x:before{content:"\f9eb"}.ti-wrecking-ball:before{content:"\ed97"}.ti-writing:before{content:"\ef08"}.ti-writing-off:before{content:"\f1cb"}.ti-writing-sign:before{content:"\ef07"}.ti-writing-sign-off:before{content:"\f1cc"}.ti-x:before{content:"\eb55"}.ti-x-mark:before{content:"\10220"}.ti-x-power-y:before{content:"\10072"}.ti-xbox-a:before{content:"\f2b6"}.ti-xbox-b:before{content:"\f2b7"}.ti-xbox-x:before{content:"\f2b8"}.ti-xbox-y:before{content:"\f2b9"}.ti-xd:before{content:"\fa33"}.ti-xxx:before{content:"\fc20"}.ti-yin-yang:before{content:"\ec35"}.ti-yoga:before{content:"\f01f"}.ti-zeppelin:before{content:"\f270"}.ti-zeppelin-off:before{content:"\f43f"}.ti-zero-config:before{content:"\101e8"}.ti-zip:before{content:"\f3b4"}.ti-zodiac-aquarius:before{content:"\ecac"}.ti-zodiac-aries:before{content:"\ecad"}.ti-zodiac-cancer:before{content:"\ecae"}.ti-zodiac-capricorn:before{content:"\ecaf"}.ti-zodiac-gemini:before{content:"\ecb0"}.ti-zodiac-leo:before{content:"\ecb1"}.ti-zodiac-libra:before{content:"\ecb2"}.ti-zodiac-pisces:before{content:"\ecb3"}.ti-zodiac-sagittarius:before{content:"\ecb4"}.ti-zodiac-scorpio:before{content:"\ecb5"}.ti-zodiac-taurus:before{content:"\ecb6"}.ti-zodiac-virgo:before{content:"\ecb7"}.ti-zoom:before{content:"\fdaa"}.ti-zoom-cancel:before{content:"\ec4d"}.ti-zoom-check:before{content:"\ef09"}.ti-zoom-code:before{content:"\f07f"}.ti-zoom-exclamation:before{content:"\f080"}.ti-zoom-in:before{content:"\eb56"}.ti-zoom-in-area:before{content:"\f1dc"}.ti-zoom-money:before{content:"\ef0a"}.ti-zoom-out:before{content:"\eb57"}.ti-zoom-out-area:before{content:"\f1dd"}.ti-zoom-pan:before{content:"\f1de"}.ti-zoom-question:before{content:"\edeb"}.ti-zoom-replace:before{content:"\f2a7"}.ti-zoom-reset:before{content:"\f295"}.ti-zoom-scan:before{content:"\fcb0"}.ti-zzz:before{content:"\f228"}.ti-zzz-off:before{content:"\f440"}.ti-123:before{content:"\f554"}.ti-360:before{content:"\f62f"}.ti-code-asterix:before{content:"\f312"}.ti-discount-2:before{content:"\ee7c"}.ti-discount-2-off:before{content:"\f3e6"}.ti-discount-check:before{content:"\f1f8"}.ti-hand-rock:before{content:"\ee97"}.ti-sort-deacending-small-big:before{content:"\fd96"}.ti-shi-jumping:before{content:"\fa6c"}.ti-box-seam:before{content:"\eaff"}.ti-kering:before{content:"\efb8"}.ti-2fa:before{content:"\eca0"}.ti-3d-cube-sphere:before{content:"\ecd7"}.ti-3d-cube-sphere-off:before{content:"\f3b5"}.ti-3d-rotate:before{content:"\f020"}.ti-12-hours:before{content:"\fc53"}.ti-24-hours:before{content:"\f5e7"}.ti-360-view:before{content:"\f566"}.ti-circle-0:before{content:"\ee34"}.ti-circle-1:before{content:"\ee35"}.ti-circle-2:before{content:"\ee36"}.ti-circle-3:before{content:"\ee37"}.ti-circle-4:before{content:"\ee38"}.ti-circle-5:before{content:"\ee39"}.ti-circle-6:before{content:"\ee3a"}.ti-circle-7:before{content:"\ee3b"}.ti-circle-8:before{content:"\ee3c"}.ti-circle-9:before{content:"\ee3d"}.ti-hexagon-0:before{content:"\f459"}.ti-hexagon-1:before{content:"\f45a"}.ti-hexagon-2:before{content:"\f45b"}.ti-hexagon-3:before{content:"\f45c"}.ti-hexagon-4:before{content:"\f45d"}.ti-hexagon-5:before{content:"\f45e"}.ti-hexagon-6:before{content:"\f45f"}.ti-hexagon-7:before{content:"\f460"}.ti-hexagon-8:before{content:"\f461"}.ti-hexagon-9:before{content:"\f462"}.ti-square-0:before{content:"\eee5"}.ti-square-1:before{content:"\eee6"}.ti-square-2:before{content:"\eee7"}.ti-square-3:before{content:"\eee8"}.ti-square-4:before{content:"\eee9"}.ti-square-5:before{content:"\eeea"}.ti-square-6:before{content:"\eeeb"}.ti-square-7:before{content:"\eeec"}.ti-square-8:before{content:"\eeed"}.ti-square-9:before{content:"\eeee"}.ti-message-circle-2:before{content:"\eaed"}.ti-mood-suprised:before{content:"\ec04"}.ti-circle-dashed-letter-letter-v:before{content:"\ff84"}.ti-seeding:before{content:"\ed51"}.ti-seeding-off:before{content:"\f19d"}.ti-brand-adobe-premier:before{content:"\ff26"}.ti-foodsteps:before{content:"\10265"}.ti-mood-confuzed:before{content:"\eaf3"}.ti-currency-rubel:before{content:"\ee67"}.ti-sport-billard:before{content:"\eee4"}.ti-physotherapist:before{content:"\eebe"}.ti-ikosaedr:before{content:"\fec6"}.ti-gender-trasvesti:before{content:"\f0f2"}.ti-brand-kako-talk:before{content:"\fd2d"}.ti-brand-adobe-after-effect:before{content:"\ff2a"}


/* source: styles/myid.css */
/* ===================================================================
   Talktide — Malaysia & Indonesia homepage
   Faithful build of the approved human-centered MY/ID design.
   Self-contained; brand green system (#3AB15D).
   =================================================================== */
/* Exact self-hosted typography stack shared with Dolphlink -SGPage. */
@font-face{font-family:"Inter";font-style:normal;font-weight:400 800;font-display:swap;src:url("fonts/inter-var-latin.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:"Space Grotesk";font-style:normal;font-weight:300 700;font-display:swap;src:url("fonts/space-grotesk-var-latin.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}
*,*::before,*::after{box-sizing:border-box}
:root{
  --g:#3ab15d;--g-d:#227a45;--g-dd:#14432a;--g-deep:#1c6a3b;
  --mint:#eef8f2;--mint2:#f4faf6;--ink:#15181c;--body:#565656;--muted:#5f6d64;
  --line:#e6efe9;--line2:#dfe8e2;--rail:64px;
  --sans:"Inter","Segoe UI","Helvetica Neue",Arial,"PingFang SC","Microsoft YaHei",sans-serif;
  --disp:"Space Grotesk","Inter",system-ui,-apple-system,"Segoe UI",sans-serif;
  --wrap:1200px;
}
html{-webkit-text-size-adjust:100%}
section[id]{scroll-margin-top:78px}
body{margin:0;font-family:var(--sans);color:var(--body);background:#fff;
  font-size:15px;line-height:1.6;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
h1,h2,h3,h4{font-family:var(--disp);color:var(--ink);margin:0;line-height:1.12;letter-spacing:-.02em;font-weight:700}
p{margin:0}
.wrap{max-width:var(--wrap);margin:0 auto;padding:0 40px}
.eyebrow{font-family:var(--disp);font-weight:700;color:var(--g-d);font-size:12px;letter-spacing:.12em;text-transform:uppercase;display:inline-flex;align-items:center;gap:8px}
.eyebrow::before{content:"◆";color:var(--g);font-size:9px}
.sec-num{font-family:var(--disp);color:var(--g-d);font-weight:700;font-size:13px;letter-spacing:.1em;display:block;margin-bottom:10px}
.btn{display:inline-flex;align-items:center;gap:9px;font-weight:600;font-size:14px;border-radius:9px;padding:13px 22px;transition:.18s;cursor:pointer;border:1px solid transparent;font-family:var(--sans)}
.btn-primary{background:var(--g);color:#fff}
.btn-primary:hover{background:var(--g-d)}
.btn-ghost{background:transparent;color:var(--ink);border-color:var(--line2)}
.btn-ghost:hover{border-color:var(--g);color:var(--g-d)}
.btn-white{background:#fff;color:var(--g-dd)}
.btn-white:hover{background:var(--mint)}
.btn-outline-w{background:transparent;color:#fff;border-color:rgba(255,255,255,.5)}
.btn-outline-w:hover{background:rgba(255,255,255,.12)}
.icn{width:18px;height:18px;flex:0 0 auto}
.ti.icn{display:inline-flex;align-items:center;justify-content:center;font-size:18px;line-height:1}

/* ---- left rail + header ---------------------------------------- */
.rail{position:fixed;top:0;left:0;width:var(--rail);height:100vh;background:var(--g);z-index:40;
  display:flex;flex-direction:column;align-items:center;padding:18px 0}
.rail .mark{width:34px;height:34px;border-radius:9px;background:#fff;display:flex;align-items:center;justify-content:center;
  font-family:var(--disp);font-weight:800;color:var(--g);font-size:19px}
.rail .vlabel{writing-mode:vertical-rl;transform:rotate(180deg);margin-top:auto;margin-bottom:auto;
  color:rgba(255,255,255,.9);font-size:11px;letter-spacing:.16em;text-transform:uppercase;font-family:var(--disp)}
.rail .dot{width:9px;height:9px;border-radius:50%;background:#fff;opacity:.55;margin-bottom:8px}
body{padding-left:var(--rail)}

header.site{position:absolute;top:0;left:var(--rail);right:0;z-index:30;display:flex;align-items:center;gap:24px;
  padding:20px 40px}
header.site .brand{font-family:var(--disp);font-weight:800;color:#fff;font-size:19px;letter-spacing:-.01em}
header.site nav{display:flex;gap:26px;margin-left:20px}
header.site nav a{color:#eaf6ee;font-weight:500;font-size:14px;opacity:.95}
header.site nav a:hover{color:#fff;text-decoration:underline;text-underline-offset:4px}
header.site .sp{margin-left:auto}
.lang{display:inline-flex;align-items:center;gap:2px;font-size:13px;font-weight:600}
.lang button{background:none;border:none;color:inherit;cursor:pointer;padding:4px 7px;border-radius:6px;font-weight:600;font-size:13px;font-family:var(--sans);opacity:.7}
.lang button.on{opacity:1;background:rgba(255,255,255,.16)}
.lang.dark button{color:#eaf6ee}
.lang.light button{color:#5a6b61}
.lang.light button.on{background:var(--mint);color:var(--g-d)}
header.site .lang{color:#eaf6ee}
header.site .lang .sepdot{opacity:.5}

/* ---- hero ------------------------------------------------------- */
.hero{position:relative;display:grid;grid-template-columns:minmax(420px,44%) 1fr;min-height:600px;background:var(--g)}
.hero .hcopy{background:var(--g);color:#fff;padding:120px 56px 64px 40px;display:flex;flex-direction:column;justify-content:center}
.hero .eyebrow{color:#c9efd7}
.hero .eyebrow::before{color:#eafff2}
.hero h1{color:#fff;font-size:clamp(34px,4.4vw,56px);margin:18px 0 20px;letter-spacing:-.03em;line-height:1.04}
.hero p.lead{color:rgba(255,255,255,.9);font-size:16px;max-width:430px;margin-bottom:30px}
.hero .cta-row{display:flex;gap:14px;flex-wrap:wrap}
.hero .himg{position:relative;overflow:hidden}
.hero .himg>:is(img,video){width:100%;height:100%;object-fit:cover;position:absolute;inset:0}
.hero .vstrip{position:absolute;left:-40px;bottom:40px;z-index:5;display:flex;flex-direction:column;align-items:center;gap:12px}
.hero .vstrip .vt{writing-mode:vertical-rl;transform:rotate(180deg);color:rgba(255,255,255,.9);font-size:11px;letter-spacing:.14em;text-transform:uppercase;font-family:var(--disp)}
.hero .vstrip .vd{width:9px;height:9px;border-radius:50%;background:#fff;opacity:.6}
/* overlays */
.clocks{position:absolute;top:26px;right:26px;display:flex;gap:2px;background:rgba(16,32,24,.72);backdrop-filter:blur(4px);border-radius:10px;padding:9px 6px;z-index:6}
.clocks .ck{padding:2px 12px;text-align:center;border-right:1px solid rgba(255,255,255,.14)}
.clocks .ck:last-child{border-right:none}
.clocks .ck b{display:block;color:#fff;font-family:var(--disp);font-size:15px;font-weight:700;letter-spacing:.02em}
.clocks .ck span{display:block;color:rgba(255,255,255,.7);font-size:8.5px;letter-spacing:.08em;text-transform:uppercase;margin-top:2px}
.msg-card{position:absolute;left:24px;bottom:26px;background:rgba(20,36,28,.82);backdrop-filter:blur(6px);border-radius:11px;
  padding:11px 15px;display:flex;align-items:center;gap:10px;z-index:6;box-shadow:0 10px 30px rgba(0,0,0,.25)}
.msg-card .tick{width:22px;height:22px;border-radius:50%;background:var(--g);display:flex;align-items:center;justify-content:center;flex:0 0 auto}
.msg-card .tick .ti{color:#fff;font-size:14px;line-height:1}
.msg-card b{display:block;color:#fff;font-size:12.5px;font-weight:600}
.msg-card span{display:block;color:rgba(255,255,255,.7);font-size:11px;margin-top:1px}

/* ---- trusted-by ------------------------------------------------- */
.trust{background:#fff;padding:26px 0 8px;text-align:center}
.trust .tt{color:var(--muted);font-size:12px;letter-spacing:.02em;margin-bottom:16px}
.trust .logos{display:flex;align-items:center;justify-content:center;gap:44px;flex-wrap:wrap}
.trust .logos img{height:30px;width:auto;object-fit:contain;opacity:.9}

/* ---- stat bar --------------------------------------------------- */
.stats{background:var(--mint2);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.stats .wrap{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;padding-top:26px;padding-bottom:26px}
.stat{display:flex;align-items:center;gap:14px}
.stat .si{width:40px;height:40px;flex:0 0 auto;border-radius:50%;background:transparent;border:0;display:flex;align-items:center;justify-content:center;color:var(--g)}
.stat .si .ti{font-size:30px;line-height:1}
.stat b{display:block;font-family:var(--disp);font-size:26px;color:var(--ink);line-height:1;font-weight:700}
.stat .reg b{font-size:16px}
.stat span{display:block;color:var(--muted);font-size:12.5px;margin-top:3px}

/* ---- feature rows ----------------------------------------------- */
.feat{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:0}
.feat .fimg img{width:100%;height:100%;min-height:440px;object-fit:cover}
.feat .fcopy{padding:64px 56px}
.feat.rev .fcopy{order:-1}
.feat h2{font-size:clamp(26px,2.8vw,34px);margin-bottom:16px}
.feat .fintro{color:var(--body);max-width:460px;margin-bottom:24px}
.flist{display:flex;flex-direction:column;gap:18px}
.flist .fi{display:flex;gap:14px}
.flist .fi .fic{width:34px;height:34px;flex:0 0 auto;border-radius:50%;background:var(--mint);display:flex;align-items:center;justify-content:center;color:var(--g-d)}
.flist .fi .fic .ti{font-size:18px;line-height:1}
.flist .fi b{display:block;color:var(--ink);font-size:14.5px;font-weight:700;margin-bottom:2px;font-family:var(--sans)}
.flist .fi p{color:var(--body);font-size:13.5px;line-height:1.55}
.feat .fimg{position:relative}
.chip{position:absolute;background:rgba(20,36,28,.82);backdrop-filter:blur(6px);border-radius:11px;padding:11px 15px;display:flex;align-items:center;gap:10px;box-shadow:0 10px 30px rgba(0,0,0,.22)}
.chip .tick{width:22px;height:22px;border-radius:50%;background:var(--g);display:flex;align-items:center;justify-content:center;flex:0 0 auto}
.chip .tick .ti{color:#fff;font-size:14px;line-height:1}
.chip b{color:#fff;font-size:12px;font-weight:600}
.chip span{color:rgba(255,255,255,.72);font-size:11px}
.chip.wa .tick{background:#25d366}

/* ---- channel flow ----------------------------------------------- */
.flow{background:var(--mint2);padding:60px 0}
.flow h2{text-align:center;font-size:clamp(22px,2.4vw,28px);margin-bottom:38px}
.flow-steps{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;align-items:start;position:relative}
.fstep{text-align:left;position:relative;padding:0 6px}
.fstep .fh{display:flex;align-items:center;gap:9px;margin-bottom:8px}
.fstep .fh .ic{width:42px;height:42px;border-radius:50%;background:var(--mint);border:0;display:flex;align-items:center;justify-content:center;color:var(--g);flex:0 0 auto}
.fstep .fh .ic .ti{font-size:25px;line-height:1}
.fstep .fh b{font-family:var(--disp);color:var(--ink);font-size:14px}
.fstep .fh small{display:block;color:var(--muted);font-size:11px;font-weight:400;font-family:var(--sans)}
.fstep .arrow{position:absolute;top:20px;right:-8px;color:#68736d;opacity:.65}
.fstep:last-child .arrow{display:none}
.bubbles{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-top:20px}
.bcol{display:flex;flex-direction:column;gap:8px}
.btime{color:var(--muted);font-size:10.5px;font-weight:600}
.bubble{background:#fff;border:1px solid var(--line);border-radius:12px;padding:10px 12px;font-size:11.5px;color:var(--body);line-height:1.45}
.bubble.g{background:var(--mint);border-color:var(--line2)}
.bubble .lk{color:var(--g-d);font-weight:600;word-break:break-all}
.bubble img{border-radius:8px;margin-bottom:6px}
.bubble .ok{color:var(--g-d);font-weight:700}

/* ---- industries ------------------------------------------------- */
.inds{padding:60px 0}
.inds h2{text-align:center;font-size:clamp(22px,2.4vw,28px);margin-bottom:8px}
.inds .subline{text-align:center;margin-bottom:32px}
.inds .subline a{color:var(--g-d);font-weight:600;font-size:13.5px}
.ind-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}
.ind{position:relative;border:1px solid var(--line);border-radius:16px;overflow:hidden;background:#fff;display:grid;grid-template-columns:200px 1fr;transition:.2s}
.ind:hover{box-shadow:0 16px 40px rgba(20,67,42,.09);transform:translateY(-2px)}
.ind img{width:100%;height:100%;min-height:160px;object-fit:cover}
.ind .ib{padding:20px 22px}
.ind .lbl{color:var(--g-d);font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.ind h3{font-size:18px;margin:8px 0 12px;line-height:1.2}
.ind .more{color:var(--g-d);font-weight:600;font-size:13px;display:inline-flex;gap:6px;align-items:center}
.ind-icon{position:absolute;z-index:2;left:178px;top:50%;transform:translateY(-50%);width:44px;height:44px;border-radius:50%;background:#57b974;color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 22px rgba(20,67,42,.2)}
.ind-icon .ti{font-size:25px;line-height:1}

/* ---- process ---------------------------------------------------- */
.proc{background:var(--mint2);padding:58px 0}
.proc h2{text-align:center;font-size:clamp(22px,2.4vw,28px);margin-bottom:34px}
.p-art{display:none}
.proc-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-bottom:26px}
.pstep{background:#fff;border:1px solid var(--line);border-radius:16px;padding:24px}
.pstep .pn{width:28px;height:28px;border-radius:50%;background:var(--g);color:#fff;display:flex;align-items:center;justify-content:center;font-family:var(--disp);font-weight:700;font-size:14px;margin-bottom:12px}
.pstep h3{font-size:17px;margin-bottom:6px}
.pstep>p{color:var(--body);font-size:13px;margin-bottom:12px}
.pstep ul{margin:0;padding-left:16px}
.pstep li{color:var(--body);font-size:12.5px;line-height:1.6}
.proc-support{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;background:var(--mint);border:1px solid var(--line);border-radius:16px;padding:22px 26px}
.psup{display:flex;gap:12px;align-items:flex-start}
.psup .ic{width:40px;height:40px;border-radius:0;background:transparent;color:var(--g-d);display:flex;align-items:center;justify-content:center;flex:0 0 auto}
.psup .ic .ti{font-size:31px;line-height:1}
.psup b{display:block;color:var(--ink);font-size:13.5px;font-weight:700;font-family:var(--sans)}
.psup p{color:var(--body);font-size:12.5px;margin-top:2px}

/* ---- customer story --------------------------------------------- */
.story{padding:58px 0}
.story-grid{display:grid;grid-template-columns:320px 1fr;gap:0;border:1px solid var(--line);border-radius:18px;overflow:hidden}
.story-grid .simg{position:relative}
.story-grid .simg img{width:100%;height:100%;min-height:300px;object-fit:cover}
.story-grid .simg .sov{position:absolute;top:20px;left:20px;color:#fff}
.story-grid .simg .sov .lbl{font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;opacity:.9}
.story-grid .simg .sov h3{color:#fff;font-size:22px;margin-top:8px;text-shadow:0 2px 12px rgba(0,0,0,.4)}
.story-grid .simg .sov a{display:inline-block;margin-top:12px;color:#fff;font-weight:600;font-size:13px;border-bottom:1px solid rgba(255,255,255,.6);padding-bottom:2px}
.story-body{display:grid;grid-template-columns:repeat(3,1fr) 1.1fr;gap:26px;padding:28px 30px}
.scol h4{color:var(--muted);font-size:11px;letter-spacing:.08em;text-transform:uppercase;margin-bottom:10px;font-family:var(--sans);font-weight:700}
.scol ul{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:8px}
.scol li{color:var(--body);font-size:12.5px;line-height:1.5;display:flex;gap:7px}
.scol li::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--g);margin-top:6px;flex:0 0 auto}
.scol.pln li::before{display:none}
.quote{border-left:2px solid var(--g)}
.quote .qm{font-family:var(--disp);color:var(--g);font-size:34px;line-height:.6}
.quote p{color:var(--ink);font-size:13.5px;font-style:italic;line-height:1.55;margin:8px 0 12px}
.quote .qa{color:var(--muted);font-size:12px}
.quote .qa b{color:var(--ink);font-family:var(--sans)}

/* ---- compliance ------------------------------------------------- */
.compl{background:var(--mint2);padding:48px 0;border-top:1px solid var(--line)}
.compl h2{text-align:center;font-size:clamp(20px,2.2vw,26px);margin-bottom:32px}
.compl-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:26px}
.cmpl{display:flex;flex-direction:column;gap:10px}
.cmpl .ic{width:44px;height:44px;border-radius:0;background:transparent;border:0;color:var(--g-d);display:flex;align-items:center;justify-content:center}
.cmpl .ic .ti{font-size:32px;line-height:1}
.cmpl b{color:var(--ink);font-size:14px;font-weight:700;font-family:var(--sans)}
.cmpl p{color:var(--body);font-size:12.5px;line-height:1.55}

/* ---- CTA band --------------------------------------------------- */
.cta{position:relative;display:grid;grid-template-columns:1fr 1fr;background:var(--g-dd);overflow:hidden}
.cta .ccopy{padding:66px 56px;color:#fff;z-index:2}
.cta h2{color:#fff;font-size:clamp(24px,2.8vw,34px);max-width:420px;margin-bottom:14px}
.cta p{color:rgba(255,255,255,.85);max-width:400px;margin-bottom:26px;font-size:15px}
.cta .cta-row{display:flex;gap:14px;flex-wrap:wrap}
.cta .cimg{position:relative}
.cta .cimg img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.cta .cimg::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--g-dd),transparent 60%);z-index:1}

/* ---- footer ----------------------------------------------------- */
footer.site{background:var(--g-dd);color:rgba(255,255,255,.8);padding:52px 0 26px}
.foot-top{display:grid;grid-template-columns:1.3fr repeat(3,1fr) 1.1fr;gap:30px}
.foot-brand .fb{font-family:var(--disp);font-weight:800;color:#fff;font-size:20px;margin-bottom:14px;display:flex;align-items:center;gap:9px}
.foot-brand .fb .m{width:28px;height:28px;border-radius:8px;background:#fff;color:var(--g);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:16px}
.foot-social{display:flex;gap:12px;margin-top:6px}
.foot-social a{width:32px;height:32px;border-radius:8px;background:rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;color:#fff;transition:.18s}
.foot-social a:hover{background:var(--g)}
.foot-social .ti{font-size:16px;line-height:1}
.foff b{display:block;color:#fff;font-size:12px;letter-spacing:.08em;text-transform:uppercase;margin-bottom:8px;font-family:var(--disp)}
.foff p{font-size:13px;line-height:1.6;color:rgba(255,255,255,.78)}
.foff a{color:rgba(255,255,255,.78)}.foff a:hover{color:#fff}
.fcol h4{color:#fff;font-size:12px;letter-spacing:.08em;text-transform:uppercase;margin-bottom:12px;font-family:var(--disp)}
.fcol a{display:block;color:rgba(255,255,255,.78);font-size:13.5px;margin-bottom:9px}
.fcol a:hover{color:#fff}
.foot-bottom{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:34px;padding-top:20px;border-top:1px solid rgba(255,255,255,.14);font-size:12.5px;color:rgba(255,255,255,.6)}
.foot-bottom .lang.dark button{color:rgba(255,255,255,.8)}
.foot-bottom .lang.dark button.on{background:rgba(255,255,255,.16);color:#fff}

/* hide the auto-injected floating i18n switcher (we use inline ones) */
.tt-lang-switch.floating{display:none !important}

/* ---- responsive ------------------------------------------------- */
@media(max-width:1024px){
  .story-body{grid-template-columns:1fr 1fr;gap:20px}
  .flow-steps,.bubbles{grid-template-columns:repeat(5,1fr);font-size:10px}
}
@media(max-width:860px){
  section[id]{scroll-margin-top:130px}
  :root{--rail:0px}
  .rail{display:none}
  header.site{position:static;background:var(--g);left:0;flex-wrap:wrap;gap:14px}
  header.site nav{display:none}
  .hero{grid-template-columns:1fr}
  .hero .hcopy{padding:36px 26px 40px}
  .hero .himg{min-height:320px;position:relative}
  .hero .vstrip{display:none}
  .feat,.cta,.story-grid{grid-template-columns:1fr}
  .feat.rev .fcopy{order:0}
  .feat .fcopy{padding:36px 26px}
  .feat .fimg img{min-height:280px}
  .stats .wrap{grid-template-columns:1fr 1fr;gap:22px}
  .flow-steps,.bubbles{grid-template-columns:1fr;gap:12px}
  .fstep .arrow{display:none}
  .ind-grid,.compl-grid,.proc-steps,.proc-support,.ind{grid-template-columns:1fr}
  .ind-icon{left:auto;right:18px;top:136px}
  .story-body{grid-template-columns:1fr}
  .cta .cimg{min-height:240px;position:relative}
  .foot-top{grid-template-columns:1fr 1fr}
  .wrap{padding:0 22px}
}
@media(max-width:520px){
  .stats .wrap{grid-template-columns:1fr}
  .foot-top{grid-template-columns:1fr}
  .trust .logos{gap:24px}
  .clocks .ck{padding:2px 8px}
}

/* ===================================================================
   Subpages (Products / Solutions / About / Legal) — new-design chrome
   Content markup is preserved; only hero + rail + header + footer change.
   =================================================================== */
.subpage-hero{background:var(--g) !important;color:#fff;padding:118px 40px 56px !important;position:relative;border:none !important;box-shadow:none !important}
.subpage-hero .inner{max-width:var(--wrap);margin:0 auto;padding:0}
.subpage-hero .sol-back{color:#d9f7e5 !important;display:inline-flex;align-items:center;gap:6px;font-weight:600;font-size:13px;margin-bottom:14px;text-decoration:none}
.subpage-hero .sol-back:hover{color:#fff !important}
.subpage-hero .section-label{display:inline-block;font-family:var(--disp);font-weight:700;color:#eafff2;font-size:12px;letter-spacing:.12em;text-transform:uppercase;margin-bottom:14px}
.subpage-hero h1{color:#fff !important;font-family:var(--disp);font-weight:700;font-size:clamp(28px,3.4vw,42px);letter-spacing:-.02em;line-height:1.1;margin:0 0 16px}
.subpage-hero p{color:rgba(255,255,255,.9) !important;max-width:680px;font-size:15.5px;line-height:1.6;margin:0}
.terms-section{background:#fff}
.main-shell{background:#fff}
@media(max-width:860px){.subpage-hero{padding:36px 24px 40px !important}}

/* full-bleed subpage hero + comfortable content width (override legal.min.css 840px cap) */
.main-shell{max-width:none !important;margin:0 !important;width:auto !important;background:#fff}
.subpage-hero{width:auto !important;max-width:none !important}
.subpage-hero .inner{max-width:var(--wrap) !important;margin:0 auto !important;padding:0 40px !important;text-align:left}
.subpage-hero::after{display:none !important}
.terms-section{max-width:none !important;width:auto !important}
.terms-document{max-width:1080px !important;margin:44px auto 0 !important;padding:0 40px !important}
@media(max-width:860px){
  .subpage-hero .inner,.terms-document{padding:0 22px !important}
}
.main-shell{padding-left:0 !important;padding-right:0 !important}

/* ===================================================================
   Subpage CONTENT — restyle legacy cards into the new design system
   so Products / Solutions / About match the homepage exactly.
   =================================================================== */
.terms-document{padding-top:8px !important}
.terms-clause{padding:38px 0;border-top:1px solid var(--line)}
.terms-clause:first-child{border-top:none;padding-top:20px}
.terms-clause>h2{font-family:var(--disp);color:var(--ink);font-size:clamp(24px,2.6vw,32px);letter-spacing:-.02em;margin:0 0 6px;font-weight:700}
.terms-clause>h3{font-family:var(--disp);color:var(--ink)}

/* lead paragraph */
.about-intro{font-size:15.5px !important;color:var(--body) !important;line-height:1.7 !important;
  margin:14px 0 4px !important;padding:18px 22px !important;background:var(--mint) !important;
  border:1px solid var(--line) !important;border-radius:14px !important}
.about-intro strong{color:var(--ink) !important}

/* card grids (products .feat-grid / solutions+about .scn-grid) */
.feat-grid,.scn-grid{gap:16px !important;margin-top:20px !important}
.feat,.scn{border:1px solid var(--line) !important;border-radius:14px !important;background:#fff !important;
  padding:20px 22px !important;box-shadow:0 1px 2px rgba(18,40,30,.04);
  transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
.feat:hover,.scn:hover{transform:translateY(-3px);box-shadow:0 14px 32px rgba(34,122,69,.10);border-color:#c7e6d3}
.feat>b,.scn>h3{display:block;color:var(--ink) !important;font-family:var(--disp);font-weight:700;
  font-size:16px !important;margin:0 0 10px !important;letter-spacing:-.01em}
.feat ul,.scn ul{margin:0 !important;padding-left:18px !important}
.feat li,.scn li{color:var(--body) !important;font-size:13.3px !important;line-height:1.6 !important;margin-bottom:5px !important}
.scn p{color:var(--body) !important;font-size:13.5px !important;line-height:1.65 !important}

/* client-case cards */
.cases{gap:16px !important;margin-top:18px !important}
.case{border:1px solid var(--line) !important;border-left:3px solid var(--g) !important;border-radius:12px !important;
  background:#fff !important;padding:16px 18px !important}
.case b{display:block;color:var(--ink) !important;font-family:var(--disp);font-weight:700;font-size:14.5px !important;margin-bottom:7px !important}
.case p{color:var(--body) !important;font-size:12.8px !important;line-height:1.6 !important;margin:0 !important}

/* pill tags — match homepage */
.tag-row{gap:9px !important;margin-top:18px !important}
.tag-row span{font-size:12px !important;font-weight:600 !important;color:var(--g-d) !important;
  background:var(--mint) !important;border:1px solid var(--line2) !important;border-radius:999px !important;padding:7px 14px !important}

/* about page: intro highlight + regional office cards inherit .scn styling above */

/* FIX: outline icons (use-refs default to fill:black otherwise) */
.stat .si svg,.fi .fic svg,.fstep .fh .ic svg,.psup .ic svg,.cmpl .ic svg,
.foot-social a svg,.ind .more svg{
  fill:none !important;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
/* FIX: push hero clocks below the header row so they don't collide with the lang switcher */
.clocks{top:84px !important}
@media(max-width:860px){.clocks{top:16px !important}}
.terms-meta strong{margin-right:7px}
/* footer with Products/Solutions/Company taxonomy + condensed offices */
.foot-top{grid-template-columns:1.5fr .85fr 1.15fr .85fr 1.05fr !important}
@media(max-width:860px){.foot-top{grid-template-columns:1fr 1fr !important}}
@media(max-width:520px){.foot-top{grid-template-columns:1fr !important}}

/* ==========================================================================
   REFERENCE-FAITHFUL WHITE THEME  (reference-selected.png)
   Page is white-dominant; green only as rail + accents. Hero = white bg,
   BLACK headline, green eyebrow, rounded image on the right.
   ========================================================================== */
header.site{position:sticky;top:0;left:auto;right:auto;background:#fff;
  border-bottom:1px solid #edf1ee;z-index:30;padding:15px 40px}
header.site .brand{color:var(--ink)}
header.site nav a{color:#48574f;opacity:1}
header.site nav a:hover{color:var(--g-d);text-decoration:none}
header.site .lang button{color:#5a6b61 !important}
header.site .lang button.on{background:var(--mint) !important;color:var(--g-d) !important}
header.site .lang .sepdot{color:#c3ccc7;opacity:1}

.hero{background:#fff;display:grid;grid-template-columns:minmax(370px,43%) 1fr;
  gap:44px;align-items:center;min-height:auto;padding:52px 44px 56px 40px}
.hero .hcopy{background:transparent;padding:0;justify-content:center}
.hero .eyebrow{color:var(--g-d)}
.hero .eyebrow::before{color:var(--g)}
.hero h1{color:var(--ink);font-size:clamp(32px,3.8vw,50px);margin:16px 0 18px}
.hero p.lead{color:var(--body);max-width:460px}
.hero .himg{border-radius:22px;overflow:hidden;position:relative;min-height:452px;
  box-shadow:0 22px 55px rgba(20,67,42,.13)}
.hero .himg>:is(img,video){position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.hero .vstrip{display:none}
@media(max-width:860px){
  .hero{grid-template-columns:1fr;padding:22px 22px 30px}
  .hero .himg{min-height:300px}
}
/* chip: stack the two label lines (they were running together) */
.chip{align-items:center}
.chip>div{display:flex;flex-direction:column;line-height:1.3}
.chip b{display:block}
.chip span{display:block}

/* ---- features rotating carousel ---- */
.feat-carousel{position:relative;padding:6px 0 8px}
.fc-viewport{position:relative}
.fc-slide{display:none}
.fc-slide.active{display:grid;animation:fcFade .5s ease}
@keyframes fcFade{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
.fc-dots{display:flex;justify-content:center;gap:10px;margin-top:14px}
.fc-dot{width:9px;height:9px;border-radius:50%;border:none;background:#cfe3d6;cursor:pointer;padding:0;transition:.22s ease}
.fc-dot.active{background:var(--g);width:26px;border-radius:5px}
.fc-dot:hover{background:var(--g-d)}

/* ==========================================================================
   OPTIMIZATION PASS — a11y, contrast, responsive, mobile nav
   ========================================================================== */
/* mobile hamburger */
.nav-toggle{display:none;flex-direction:column;justify-content:center;gap:5px;width:40px;height:40px;
  border:1px solid var(--line);border-radius:9px;background:#fff;cursor:pointer;padding:0 9px;margin-left:6px}
.nav-toggle span{display:block;height:2px;background:var(--ink);border-radius:2px;transition:.2s}
.nav-toggle[aria-expanded="true"] span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.nav-toggle[aria-expanded="true"] span:nth-child(2){opacity:0}
.nav-toggle[aria-expanded="true"] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}

/* customer-story image: dark scrim so the white heading is readable (AA) */
.story-grid .simg::after{content:"";position:absolute;inset:0;
  background:linear-gradient(180deg,rgba(10,26,18,.15) 0%,rgba(10,26,18,.62) 100%);z-index:1}
.story-grid .simg .sov{z-index:2}
.story-grid .simg .sov h3{text-shadow:0 2px 14px rgba(0,0,0,.55)}

/* channel-flow / footer intermediate responsive (861–1024) */
@media(max-width:1024px){
  .flow-steps,.bubbles{grid-template-columns:repeat(2,1fr) !important;font-size:12px !important;gap:14px}
  .fstep .arrow{display:none}
  .foot-top{grid-template-columns:1fr 1fr 1fr !important}
}
@media(max-width:520px){
  .clocks{display:none}
}

/* mobile: show hamburger, collapse nav into a dropdown panel */
@media(max-width:860px){
  .nav-toggle{display:flex}
  header.site{flex-wrap:wrap;position:sticky}
  header.site nav{display:none;order:5;flex-basis:100%;flex-direction:column;gap:2px;
    padding:8px 0 4px;border-top:1px solid var(--line);margin:8px 0 0}
  header.site nav.open{display:flex}
  header.site nav a{padding:10px 4px;font-size:15px;border-radius:8px}
  header.site nav a:hover{background:var(--mint)}
  header.site .sp{display:none}
}
@media(max-width:860px){ header.site .brand{margin-right:auto} }

/* ==========================================================================
   ABOVE-FOLD ALIGNMENT to the approved hero screenshot.
   Rail wordmark, centered nav, globe language dropdown, hero CTA text link,
   full-width world-clock bar, trust dividers, 3-up green stat bar.
   Real content, real client logos and real figures preserved per brief.
   ========================================================================== */

/* rail: Talktide wordmark under the mark */
.rail .wordmark{color:#fff;font-family:var(--disp);font-weight:700;font-size:12px;
  letter-spacing:.005em;margin-top:8px;line-height:1;white-space:nowrap}

/* header: centered nav, right-aligned actions, no desktop brand */
.h-actions{display:flex;align-items:center;gap:14px}
@media(min-width:861px){
  header.site .brand{display:none}
  header.site .h-spacer{flex:1 1 0}
  header.site nav{flex:0 0 auto;display:flex;gap:26px;margin:0}
  header.site .h-actions{flex:1 1 0;justify-content:flex-end}
}

/* header language dropdown (globe + current code + caret) */
.lang-dd{position:relative}
.lang-btn{display:inline-flex;align-items:center;gap:6px;background:none;border:none;cursor:pointer;
  color:#3a4a41;font-weight:600;font-size:14px;font-family:var(--sans);padding:7px 9px;border-radius:8px;transition:.15s}
.lang-btn:hover{background:var(--mint);color:var(--g-d)}
.lang-btn .ti{line-height:1}
.lang-btn .glb{width:17px;height:17px}
.lang-btn .cav{width:14px;height:14px;font-size:14px;display:inline-flex;align-items:center;justify-content:center;transition:transform .2s}
.lang-btn[aria-expanded="true"] .cav{transform:rotate(180deg)}
.lang-menu{position:absolute;top:calc(100% + 8px);right:0;min-width:188px;background:#fff;
  border:1px solid var(--line);border-radius:11px;box-shadow:0 14px 34px rgba(20,67,42,.13);
  padding:6px;display:none;z-index:60}
.lang-menu.open{display:block}
.lang-menu button{display:block;width:100%;text-align:left;background:none;border:none;cursor:pointer;
  min-height:44px;font-family:var(--sans);font-size:13.5px;color:var(--body);padding:9px 12px;border-radius:8px;transition:.14s}
.lang-menu button:hover{background:var(--mint);color:var(--g-d)}
.lang-menu button.on{background:var(--mint);color:var(--g-d);font-weight:700}

/* hero: second CTA as a plain green text link */
.hero .cta-row .btn-ghost{border:none;background:none;padding:13px 4px;color:var(--g-d)}
.hero .cta-row .btn-ghost:hover{background:none;color:var(--g-dd);text-decoration:underline;text-underline-offset:4px}

/* hero: full-width world-clock bar (city label over time) */
.clocks{top:0 !important;left:0;right:0;display:flex;justify-content:space-between;
  padding:11px 14px !important;border-radius:0}
.clocks .ck{flex:1;display:flex;flex-direction:column;gap:2px;text-align:center;padding:0 4px;
  border-right:1px solid rgba(255,255,255,.16)}
.clocks .ck:last-child{border-right:none}
.clocks .ck span{color:#8fe6ad;font-size:8px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;margin:0}
.clocks .ck b{color:#fff;font-family:var(--disp);font-size:15px;font-weight:700;letter-spacing:.01em}
@media(max-width:520px){.clocks{display:none}}

/* trust: thin dividers between the client logos */
.trust .logos{gap:32px}
.trust .logos .lsep{width:1px;height:26px;background:var(--line2);flex:0 0 auto}

/* stat bar: 3 columns, green figures, mint icon tiles, column dividers */
.stats .wrap{grid-template-columns:repeat(3,1fr);gap:0;padding-top:30px;padding-bottom:30px}
.stats .stat{justify-content:center;padding:0 30px}
.stats .stat + .stat{border-left:1px solid var(--line2)}
.stats .stat .si{background:transparent;border-color:transparent}
.stats .stat b{color:var(--g-d);font-size:30px}

/* mobile: restore natural header flow around the new spacer/actions wrapper */
@media(max-width:860px){
  header.site .h-spacer{display:none}
  header.site .h-actions{order:3;gap:10px}
  header.site .nav-toggle{order:4;margin-left:6px}
  header.site nav{order:5}
  .stats .wrap{grid-template-columns:1fr;gap:18px;padding-top:24px;padding-bottom:24px}
  .stats .stat{justify-content:flex-start;padding:0}
  .stats .stat + .stat{border-left:none}
}

/* ==========================================================================
   APPROVED FULL-PAGE COMPOSITION
   Final authority for the selected human-centered Malaysia / Indonesia design.
   ========================================================================== */
@media(min-width:861px){
  :root{--rail:clamp(96px,8.2vw,126px)}

  body{padding-left:0}
  .rail{
    position:absolute;
    height:848px;
    padding:24px 0 20px;
  }
  .rail .mark{width:46px;height:46px;border-radius:10px;font-size:24px}
  .rail .wordmark{font-size:15px;margin-top:9px}
  .rail .vlabel{font-size:10px;letter-spacing:.13em;margin-bottom:34px}
  .rail .dot{width:12px;height:12px;margin-bottom:0}

  header.site{
    position:relative;
    margin-left:var(--rail);
    min-height:68px;
    padding:0 42px;
  }

  .hero{
    margin-left:var(--rail);
    min-height:560px;
    grid-template-columns:46% 54%;
    gap:0;
    padding:0;
    align-items:stretch;
    border-bottom:1px solid var(--line);
  }
  .hero .hcopy{padding:68px 58px 58px 58px}
  .hero h1{
    max-width:560px;
    font-size:clamp(48px,4vw,62px);
    line-height:1.04;
    margin:18px 0 22px;
  }
  .hero p.lead{font-size:16px;line-height:1.62;max-width:520px;margin-bottom:30px}
  .hero .himg{
    min-height:560px;
    border-radius:0;
    box-shadow:none;
  }
  .hero .himg>:is(img,video){object-position:68% center}
  .clocks{min-height:68px;align-items:center}
  .clocks .ck span{font-size:9px}
  .clocks .ck b{font-size:16px}
  .msg-card{left:48px;bottom:38px;padding:13px 18px}
  .msg-card b{font-size:13px}
  .msg-card span{font-size:11.5px}

  .trust{height:104px;margin-left:var(--rail);padding:20px 0 14px;display:flex;align-items:center}
  .trust .wrap{width:100%}
  .trust .tt{margin-bottom:14px}
  .trust .logos{gap:28px}
  .trust .logos img{height:26px}

  .stats{margin-left:var(--rail)}
  .stats .wrap{min-height:112px;padding-top:26px;padding-bottom:26px}
  .stats .stat{padding:0 38px}
  .stats .stat b{font-size:34px}

  .features-stack{padding:0;background:#fff}
  .features-list{display:block}
  .features-stack .feat{
    display:grid;
    grid-template-columns:1fr 1fr;
    min-height:420px;
    border:0 !important;
    border-radius:0 !important;
    border-bottom:1px solid var(--line);
  }
  .features-stack .feat .fimg img{min-height:420px;height:420px}
  .features-stack .feat .fcopy{padding:48px 7vw 46px}
  .features-stack .feat h2{font-size:clamp(29px,2.6vw,38px);max-width:450px}
  .features-stack .feat .fintro{font-size:15px;line-height:1.58;margin-bottom:20px}
  .features-stack .flist{gap:14px}
  .features-stack .flist .fi b{font-size:14px}
  .features-stack .flist .fi p{font-size:12.8px}

  .flow{padding:44px 0 46px}
  .flow h2{margin-bottom:30px}

  .inds{padding:48px 0 52px}
  .inds .subline{margin-bottom:26px}
  .ind-grid{grid-template-columns:repeat(2,1fr);gap:18px}
  .ind{
    display:grid;
    grid-template-columns:42% 58%;
    border-radius:12px;
    min-width:0;
  }
  .ind img{height:100%;min-height:168px}
  .ind .ib{padding:17px 18px 20px}
  .ind h3{font-size:17px;min-height:0}

  .proc{padding:42px 0 40px}
  .proc h2{margin-bottom:26px}
  .proc-steps{
    gap:0;
    margin-bottom:0;
    border:1px solid var(--line);
    border-radius:14px 14px 0 0;
    overflow:hidden;
    background:#fff;
  }
  .pstep{
    border:0;
    border-radius:0;
    padding:20px 24px 18px;
  }
  .pstep + .pstep{border-left:1px solid var(--line)}
  .pstep .pn{width:24px;height:24px;font-size:12px;margin-bottom:9px}
  .pstep h3{font-size:16px}
  .pstep>p{margin-bottom:8px}
  .proc-support{
    gap:0;
    border-top:0;
    border-radius:0 0 14px 14px;
    padding:16px 24px;
  }
  .psup{padding-right:18px}
  .psup + .psup{border-left:1px solid var(--line);padding-left:22px}

  .story{padding:42px 0}
  .story-grid{grid-template-columns:300px 1fr;border-radius:14px}
  .story-grid .simg img{min-height:270px}
  .story-body{gap:20px;padding:24px}

  .compl{padding:32px 0 34px}
  .compl h2{margin-bottom:24px}
  .compl-grid{gap:20px}
  .cmpl{display:grid;grid-template-columns:48px 1fr;column-gap:11px;row-gap:3px}
  .cmpl .ic{grid-row:1/3}
  .cmpl b{font-size:13px}
  .cmpl p{font-size:11.8px}

  .cta{min-height:278px}
  .cta .ccopy{padding:44px 56px}
  .cta h2{font-size:clamp(28px,2.6vw,38px)}
  .cta .cimg::before{display:none}

  footer.site{padding:36px 0 22px}
  .foot-top{gap:24px}
  .fcol a{font-size:12px;margin-bottom:6px}
  .foff p{font-size:12px}
  .foot-bottom{margin-top:24px;padding-top:16px}
}

/* The approved design is a continuous story, never a carousel. */
.fc-slide,.fc-slide.active{display:grid;animation:none}
.fc-dots{display:none}

/* Solid contrast treatments only; the photography remains the visual asset. */
.story-grid .simg::after{background:rgba(10,26,18,.42)}
.cta .cimg::before{background:rgba(20,67,42,.08)}

.bubble .ok{display:inline-flex;align-items:center;gap:4px;color:var(--g-d);font-weight:700}
.bubble .ok .icn{width:13px;height:13px}

@media(max-width:860px){
  .features-stack .feat{display:grid;grid-template-columns:1fr}
  .features-stack .feat.rev .fcopy{order:0}
  .features-stack .feat .fcopy{padding:36px 26px}
  .features-stack .feat .fimg img{height:300px;min-height:300px}
}

@media(max-width:520px){
  footer.site .foot-top{grid-template-columns:1fr !important}
  footer.site .wrap{overflow:hidden}
}

@media(min-width:861px) and (max-width:1100px){
  .rail{height:990px}
  header.site{padding-left:22px;padding-right:22px;gap:16px}
  header.site nav{gap:18px}
  header.site .btn{padding:10px 14px;white-space:nowrap}
}

@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{
    animation-duration:.01ms !important;
    animation-iteration-count:1 !important;
    transition-duration:.01ms !important;
    scroll-behavior:auto !important;
  }
}

/* Accessible brand surfaces retain the corporate green family. */
.rail{background:#218842}
.rail .mark{color:#218842}
.btn-primary{background:#218842}
.btn-primary:hover{background:var(--g-dd)}

/* ==========================================================================
   DEEP DESIGN-AUDIT ALIGNMENT
   Tightens the approved full-page composition against the selected reference.
   ========================================================================== */
@media(min-width:861px){
  :root{--wrap:1320px}

  .trust .logos img{height:36px}

  .features-stack .feat{
    grid-template-columns:52% 48%;
    min-height:480px;
    padding:0 !important;
  }
  .features-stack .feat.rev{grid-template-columns:48% 52%}
  .features-stack .feat .fimg,
  .features-stack .feat .fimg img{
    width:100%;
    height:480px;
    min-height:480px;
  }

  .flow{padding:80px 0;background:#fff}
  .ind-icon{left:calc(42% - 22px)}

  .pstep{position:relative;padding-right:104px}
  .p-art{
    position:absolute;
    right:24px;
    bottom:20px;
    width:66px;
    height:66px;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#57b974;
    opacity:.86;
    display:flex;
    background:#57b974;
    -webkit-mask-repeat:no-repeat;
    mask-repeat:no-repeat;
    -webkit-mask-position:center;
    mask-position:center;
    -webkit-mask-size:contain;
    mask-size:contain;
  }
  .p-art-users{-webkit-mask-image:url("../media/icons/heroicons/user-group.svg");mask-image:url("../media/icons/heroicons/user-group.svg")}
  .p-art-puzzle{-webkit-mask-image:url("../media/icons/heroicons/puzzle-piece.svg");mask-image:url("../media/icons/heroicons/puzzle-piece.svg")}
  .p-art-rocket{-webkit-mask-image:url("../media/icons/heroicons/rocket-launch.svg");mask-image:url("../media/icons/heroicons/rocket-launch.svg")}
  .p-art svg{
    width:58px;
    height:58px;
    fill:none;
    stroke:currentColor;
    stroke-width:1.7;
    stroke-linecap:round;
    stroke-linejoin:round;
  }
  .p-art .ti{font-size:58px;line-height:1}

  .compl{padding:22px 0 24px}
  .compl h2{margin-bottom:18px}

  .cta{min-height:304px}
  .cta .ccopy{padding:32px 48px}
  .cta h2{
    max-width:500px;
    font-size:clamp(28px,2.35vw,34px);
    line-height:1.06;
    margin-bottom:12px;
  }
  .cta p{
    max-width:430px;
    margin-bottom:18px;
    font-size:13px;
    line-height:1.5;
  }
  .cta .btn{padding:10px 16px;font-size:12px}

  footer.site{padding:18px 0 10px}
  .foot-top{gap:18px;align-items:start}
  .foot-brand .fb{font-size:17px;margin-bottom:9px}
  .foot-brand .fb .m{width:24px;height:24px;font-size:14px}
  .foot-brand>p.foff{
    max-width:220px !important;
    font-size:10px;
    line-height:1.4;
  }
  .foot-social{gap:7px;margin-top:8px}
  .foot-social a{width:24px;height:24px;border-radius:6px}
  .foff b,.fcol h4{font-size:10px;margin-bottom:4px}
  .foff p{font-size:10px;line-height:1.35}
  .fcol a{font-size:10px;line-height:1.2;margin-bottom:0}
  .foot-bottom{margin-top:8px;padding-top:8px;font-size:10px}
}

/* Ultra-wide layout: preserve the 1536px art direction with real fluid
   measurements. This avoids browser zoom/compositor artifacts while keeping
   the rail, typography, imagery and vertical rhythm proportional. */
@media(min-width:1800px){
  :root{
    --wide-scale:calc(100vw / 1536px);
    --rail:calc(126px * var(--wide-scale));
    --wrap:calc(1320px * var(--wide-scale));
  }

  body{font-size:calc(15px * var(--wide-scale))}
  .wrap{padding-inline:calc(40px * var(--wide-scale))}
  .ti.icn{font-size:calc(18px * var(--wide-scale))}
  .msg-card .tick .ti,.chip .tick .ti{font-size:calc(14px * var(--wide-scale))}
  .stat .si .ti{font-size:calc(30px * var(--wide-scale))}
  .flist .fi .fic .ti{font-size:calc(18px * var(--wide-scale))}
  .fstep .fh .ic .ti{font-size:calc(25px * var(--wide-scale))}
  .psup .ic .ti{font-size:calc(31px * var(--wide-scale))}
  .cmpl .ic .ti{font-size:calc(32px * var(--wide-scale))}
  .foot-social .ti{font-size:calc(16px * var(--wide-scale))}

  .rail{
    height:calc(848px * var(--wide-scale));
    padding:calc(24px * var(--wide-scale)) 0 calc(20px * var(--wide-scale));
  }
  .rail .mark{
    width:calc(46px * var(--wide-scale));
    height:calc(46px * var(--wide-scale));
    border-radius:calc(10px * var(--wide-scale));
    font-size:calc(24px * var(--wide-scale));
  }
  .rail .wordmark{font-size:calc(15px * var(--wide-scale));margin-top:calc(9px * var(--wide-scale))}
  .rail .vlabel{
    font-size:calc(10px * var(--wide-scale));
    margin-bottom:calc(34px * var(--wide-scale));
  }
  .rail .dot{
    width:calc(12px * var(--wide-scale));
    height:calc(12px * var(--wide-scale));
  }

  header.site{
    min-height:calc(68px * var(--wide-scale));
    padding-inline:calc(42px * var(--wide-scale));
    gap:calc(24px * var(--wide-scale));
  }
  header.site nav{gap:calc(26px * var(--wide-scale))}
  header.site nav a{font-size:calc(14px * var(--wide-scale))}
  .h-actions{gap:calc(14px * var(--wide-scale))}
  .lang-btn{font-size:calc(14px * var(--wide-scale));padding:calc(7px * var(--wide-scale)) calc(9px * var(--wide-scale))}
  header.site .btn{font-size:calc(14px * var(--wide-scale));padding:calc(13px * var(--wide-scale)) calc(22px * var(--wide-scale))}

  .hero{min-height:calc(560px * var(--wide-scale))}
  .hero .hcopy{padding:calc(68px * var(--wide-scale)) calc(58px * var(--wide-scale)) calc(58px * var(--wide-scale))}
  .eyebrow{font-size:calc(12px * var(--wide-scale));gap:calc(8px * var(--wide-scale))}
  .hero h1{
    max-width:calc(560px * var(--wide-scale));
    font-size:calc(62px * var(--wide-scale));
    margin:calc(18px * var(--wide-scale)) 0 calc(22px * var(--wide-scale));
  }
  .hero p.lead{
    max-width:calc(520px * var(--wide-scale));
    font-size:calc(16px * var(--wide-scale));
    margin-bottom:calc(30px * var(--wide-scale));
  }
  .hero .cta-row{gap:calc(14px * var(--wide-scale))}
  .hero .btn{
    font-size:calc(14px * var(--wide-scale));
    padding:calc(13px * var(--wide-scale)) calc(22px * var(--wide-scale));
    border-radius:calc(9px * var(--wide-scale));
  }
  .hero .himg{min-height:calc(560px * var(--wide-scale))}
  .hero .himg>:is(img,video){object-position:68% center}
  .clocks{min-height:calc(68px * var(--wide-scale));padding:calc(11px * var(--wide-scale)) calc(14px * var(--wide-scale)) !important}
  .clocks .ck span{font-size:calc(9px * var(--wide-scale))}
  .clocks .ck b{font-size:calc(16px * var(--wide-scale))}
  .msg-card{
    left:calc(48px * var(--wide-scale));
    bottom:calc(38px * var(--wide-scale));
    padding:calc(13px * var(--wide-scale)) calc(18px * var(--wide-scale));
    gap:calc(10px * var(--wide-scale));
    border-radius:calc(11px * var(--wide-scale));
  }
  .msg-card .tick{width:calc(22px * var(--wide-scale));height:calc(22px * var(--wide-scale))}
  .msg-card b{font-size:calc(13px * var(--wide-scale))}
  .msg-card span{font-size:calc(11.5px * var(--wide-scale))}

  .trust{
    height:calc(104px * var(--wide-scale));
    padding:calc(20px * var(--wide-scale)) 0 calc(14px * var(--wide-scale));
  }
  .trust .tt{font-size:calc(12px * var(--wide-scale));margin-bottom:calc(14px * var(--wide-scale))}
  .trust .logos{gap:calc(28px * var(--wide-scale))}
  .trust .logos img{height:calc(36px * var(--wide-scale))}
  .trust .logos .lsep{height:calc(26px * var(--wide-scale))}

  .stats .wrap{
    min-height:calc(112px * var(--wide-scale));
    padding-top:calc(26px * var(--wide-scale));
    padding-bottom:calc(26px * var(--wide-scale));
  }
  .stats .stat{padding-inline:calc(38px * var(--wide-scale));gap:calc(14px * var(--wide-scale))}
  .stats .stat .si{
    width:calc(40px * var(--wide-scale));
    height:calc(40px * var(--wide-scale));
    border-radius:calc(11px * var(--wide-scale));
  }
  .stats .stat b{font-size:calc(34px * var(--wide-scale))}
  .stat span{font-size:calc(12.5px * var(--wide-scale))}

  .features-stack .feat{
    min-height:calc(480px * var(--wide-scale));
  }
  .features-stack .feat .fimg,
  .features-stack .feat .fimg img{
    height:calc(480px * var(--wide-scale));
    min-height:calc(480px * var(--wide-scale));
  }
  .features-stack .feat .fcopy{padding-block:calc(48px * var(--wide-scale)) calc(46px * var(--wide-scale))}
  .sec-num{font-size:calc(13px * var(--wide-scale));margin-bottom:calc(10px * var(--wide-scale))}
  .features-stack .feat h2{
    max-width:calc(450px * var(--wide-scale));
    font-size:calc(38px * var(--wide-scale));
    margin-bottom:calc(16px * var(--wide-scale));
  }
  .features-stack .feat .fintro{
    max-width:calc(460px * var(--wide-scale));
    font-size:calc(15px * var(--wide-scale));
    margin-bottom:calc(20px * var(--wide-scale));
  }
  .features-stack .flist{gap:calc(14px * var(--wide-scale))}
  .flist .fi{gap:calc(14px * var(--wide-scale))}
  .flist .fi .fic{
    width:calc(34px * var(--wide-scale));
    height:calc(34px * var(--wide-scale));
    border-radius:50%;
  }
  .features-stack .flist .fi b{font-size:calc(14px * var(--wide-scale))}
  .features-stack .flist .fi p{font-size:calc(12.8px * var(--wide-scale))}
  .chip{
    padding:calc(11px * var(--wide-scale)) calc(15px * var(--wide-scale));
    border-radius:calc(11px * var(--wide-scale));
    gap:calc(10px * var(--wide-scale));
  }
  .chip b{font-size:calc(12px * var(--wide-scale))}
  .chip span{font-size:calc(11px * var(--wide-scale))}

  .flow{padding:calc(80px * var(--wide-scale)) 0}
  .flow h2,.inds h2,.proc h2{font-size:calc(28px * var(--wide-scale))}
  .flow h2{margin-bottom:calc(30px * var(--wide-scale))}
  .flow-steps,.bubbles{gap:calc(8px * var(--wide-scale))}
  .fstep{padding-inline:calc(6px * var(--wide-scale))}
  .fstep .fh{gap:calc(9px * var(--wide-scale));margin-bottom:calc(8px * var(--wide-scale))}
  .fstep .fh .ic{width:calc(42px * var(--wide-scale));height:calc(42px * var(--wide-scale))}
  .fstep .arrow{top:calc(20px * var(--wide-scale))}
  .fstep .fh b{font-size:calc(14px * var(--wide-scale))}
  .fstep .fh small{font-size:calc(11px * var(--wide-scale))}
  .bubbles{margin-top:calc(20px * var(--wide-scale))}
  .btime{font-size:calc(10.5px * var(--wide-scale))}
  .bubble{
    border-radius:calc(12px * var(--wide-scale));
    padding:calc(10px * var(--wide-scale)) calc(12px * var(--wide-scale));
    font-size:calc(11.5px * var(--wide-scale));
  }

  .inds{padding:calc(48px * var(--wide-scale)) 0 calc(52px * var(--wide-scale))}
  .inds .subline{margin-bottom:calc(26px * var(--wide-scale))}
  .inds .subline a{font-size:calc(13.5px * var(--wide-scale))}
  .ind-grid{gap:calc(18px * var(--wide-scale))}
  .ind{border-radius:calc(12px * var(--wide-scale))}
  .ind-icon{
    left:calc(42% - (22px * var(--wide-scale)));
    width:calc(44px * var(--wide-scale));
    height:calc(44px * var(--wide-scale));
  }
  .ind-icon .ti{font-size:calc(25px * var(--wide-scale))}
  .ind img{min-height:calc(168px * var(--wide-scale))}
  .ind .ib{padding:calc(17px * var(--wide-scale)) calc(18px * var(--wide-scale)) calc(20px * var(--wide-scale))}
  .ind .lbl{font-size:calc(11px * var(--wide-scale))}
  .ind h3{font-size:calc(17px * var(--wide-scale));margin:calc(8px * var(--wide-scale)) 0 calc(12px * var(--wide-scale))}
  .ind .more{font-size:calc(13px * var(--wide-scale))}

  .proc{padding:calc(42px * var(--wide-scale)) 0 calc(40px * var(--wide-scale))}
  .proc h2{margin-bottom:calc(26px * var(--wide-scale))}
  .proc-steps{border-radius:calc(14px * var(--wide-scale)) calc(14px * var(--wide-scale)) 0 0}
  .pstep{padding:calc(20px * var(--wide-scale)) calc(104px * var(--wide-scale)) calc(18px * var(--wide-scale)) calc(24px * var(--wide-scale))}
  .pstep .pn{
    width:calc(24px * var(--wide-scale));
    height:calc(24px * var(--wide-scale));
    font-size:calc(12px * var(--wide-scale));
    margin-bottom:calc(9px * var(--wide-scale));
  }
  .pstep h3{font-size:calc(16px * var(--wide-scale))}
  .pstep>p{font-size:calc(13px * var(--wide-scale));margin-bottom:calc(8px * var(--wide-scale))}
  .pstep li{font-size:calc(12.5px * var(--wide-scale))}
  .p-art{
    right:calc(24px * var(--wide-scale));
    bottom:calc(20px * var(--wide-scale));
    width:calc(66px * var(--wide-scale));
    height:calc(66px * var(--wide-scale));
  }
  .p-art svg{width:calc(58px * var(--wide-scale));height:calc(58px * var(--wide-scale))}
  .p-art .ti{font-size:calc(58px * var(--wide-scale))}
  .proc-support{
    padding:calc(16px * var(--wide-scale)) calc(24px * var(--wide-scale));
    border-radius:0 0 calc(14px * var(--wide-scale)) calc(14px * var(--wide-scale));
  }
  .psup{gap:calc(12px * var(--wide-scale));padding-right:calc(18px * var(--wide-scale))}
  .psup + .psup{padding-left:calc(22px * var(--wide-scale))}
  .psup .ic{width:calc(40px * var(--wide-scale));height:calc(40px * var(--wide-scale))}
  .psup b{font-size:calc(13.5px * var(--wide-scale))}
  .psup p{font-size:calc(12.5px * var(--wide-scale))}

  .story{padding:calc(42px * var(--wide-scale)) 0}
  .story-grid{
    grid-template-columns:calc(300px * var(--wide-scale)) 1fr;
    border-radius:calc(14px * var(--wide-scale));
  }
  .story-grid .simg img{min-height:calc(270px * var(--wide-scale))}
  .story-grid .simg .sov{top:calc(20px * var(--wide-scale));left:calc(20px * var(--wide-scale))}
  .story-grid .simg .sov h3{font-size:calc(22px * var(--wide-scale))}
  .story-body{gap:calc(20px * var(--wide-scale));padding:calc(24px * var(--wide-scale))}
  .scol h4{font-size:calc(11px * var(--wide-scale))}
  .scol li{font-size:calc(12.5px * var(--wide-scale))}
  .quote p{font-size:calc(13.5px * var(--wide-scale))}
  .quote .qa{font-size:calc(12px * var(--wide-scale))}

  .compl{padding:calc(22px * var(--wide-scale)) 0 calc(24px * var(--wide-scale))}
  .compl h2{font-size:calc(26px * var(--wide-scale));margin-bottom:calc(18px * var(--wide-scale))}
  .compl-grid{gap:calc(20px * var(--wide-scale))}
  .cmpl{
    grid-template-columns:calc(48px * var(--wide-scale)) 1fr;
    column-gap:calc(11px * var(--wide-scale));
    row-gap:calc(3px * var(--wide-scale));
  }
  .cmpl .ic{width:calc(44px * var(--wide-scale));height:calc(44px * var(--wide-scale))}
  .cmpl b{font-size:calc(13px * var(--wide-scale))}
  .cmpl p{font-size:calc(11.8px * var(--wide-scale))}

  .cta{min-height:calc(304px * var(--wide-scale))}
  .cta .ccopy{padding:calc(32px * var(--wide-scale)) calc(48px * var(--wide-scale))}
  .cta h2{
    max-width:calc(500px * var(--wide-scale));
    font-size:calc(34px * var(--wide-scale));
    margin-bottom:calc(12px * var(--wide-scale));
  }
  .cta p{
    max-width:calc(430px * var(--wide-scale));
    margin-bottom:calc(18px * var(--wide-scale));
    font-size:calc(13px * var(--wide-scale));
  }
  .cta .btn{
    padding:calc(10px * var(--wide-scale)) calc(16px * var(--wide-scale));
    font-size:calc(12px * var(--wide-scale));
  }
  .cta .cimg img{object-position:66% center}

  footer.site{padding:calc(18px * var(--wide-scale)) 0 calc(10px * var(--wide-scale))}
  .foot-top{gap:calc(18px * var(--wide-scale))}
  .foot-brand .fb{font-size:calc(17px * var(--wide-scale));margin-bottom:calc(9px * var(--wide-scale))}
  .foot-brand .fb .m{width:calc(24px * var(--wide-scale));height:calc(24px * var(--wide-scale));font-size:calc(14px * var(--wide-scale))}
  .foot-brand>p.foff{max-width:calc(220px * var(--wide-scale)) !important;font-size:calc(10px * var(--wide-scale))}
  .foot-social{gap:calc(7px * var(--wide-scale));margin-top:calc(8px * var(--wide-scale))}
  .foot-social a{width:calc(24px * var(--wide-scale));height:calc(24px * var(--wide-scale));border-radius:calc(6px * var(--wide-scale))}
  .foff b,.fcol h4{font-size:calc(10px * var(--wide-scale));margin-bottom:calc(4px * var(--wide-scale))}
  .foff p,.fcol a{font-size:calc(10px * var(--wide-scale))}
  .foot-bottom{margin-top:calc(8px * var(--wide-scale));padding-top:calc(8px * var(--wide-scale));font-size:calc(10px * var(--wide-scale))}
}

/* ==========================================================================
   REFERENCE-LOCKED FULL-PAGE PROPORTIONS — v30
   The approved reference-selected.png is the layout authority. Regional
   photography and copy stay localized; section geometry follows the source.
   ========================================================================== */
@media(min-width:861px) and (max-width:1799px){
  .trust{
    height:112px;
    padding:22px 0 16px;
  }
  .stats .wrap{
    min-height:138px;
    padding-top:34px;
    padding-bottom:34px;
  }

  .features-stack .feat:nth-child(1){--reference-feature-height:480px}
  .features-stack .feat:nth-child(2){--reference-feature-height:472px}
  .features-stack .feat:nth-child(3){--reference-feature-height:442px}
  .features-stack .feat{
    min-height:var(--reference-feature-height);
  }
  .features-stack .feat .fimg,
  .features-stack .feat .fimg img{
    height:var(--reference-feature-height);
    min-height:var(--reference-feature-height);
  }

  .flow{
    min-height:474px;
    padding:100px 0;
    box-sizing:border-box;
  }

  .inds{
    min-height:635px;
    padding:56px 0 59px;
    box-sizing:border-box;
  }
  .ind-grid{
    grid-auto-rows:205px;
  }
  .ind{
    min-height:205px;
    grid-template-columns:1fr 1fr;
  }
  .ind img{
    min-height:205px;
  }
  .ind:nth-child(-n+2) img{order:2}
  .ind:nth-child(-n+2) .ib{order:1}
  .ind:nth-child(-n+2) .ind-icon{
    left:auto;
    right:18px;
    top:auto;
    bottom:18px;
    transform:none;
  }
  .ind h3{
    font-size:21px;
  }

  .proc{
    min-height:397px;
    padding:30px 0 28px;
    box-sizing:border-box;
  }

  .story{
    height:196px;
    padding:0;
  }
  .story .wrap,
  .story-grid{
    height:196px;
  }
  .story-grid{
    grid-template-columns:300px 1fr;
  }
  .story-grid .simg img{
    height:196px;
    min-height:196px;
  }
  .story-grid .simg .sov{
    top:14px;
    left:16px;
  }
  .story-grid .simg .sov h3{
    max-width:250px;
    margin-top:5px;
    font-size:17px;
    line-height:1.08;
  }
  .story-grid .simg .sov a{
    margin-top:8px;
    font-size:10px;
  }
  .story-body{
    gap:14px;
    padding:16px 18px;
  }
  .scol h4{
    margin-bottom:6px;
    font-size:9px;
  }
  .scol ul{gap:5px}
  .scol li{
    gap:5px;
    font-size:9.5px;
    line-height:1.35;
  }
  .scol li::before{
    width:5px;
    height:5px;
    margin-top:4px;
  }
  .quote .qm{font-size:26px}
  .quote p{
    margin:5px 0 7px;
    font-size:10px;
    line-height:1.35;
  }
  .quote .qa{font-size:9px}

  .compl{
    height:111px;
    padding:10px 0 8px;
    box-sizing:border-box;
  }
  .compl h2{
    margin-bottom:8px;
    font-size:20px;
  }
  .compl-grid{gap:14px}
  .cmpl{
    grid-template-columns:34px 1fr;
    column-gap:8px;
    row-gap:1px;
  }
  .cmpl .ic{
    width:32px;
    height:32px;
  }
  .cmpl .ic .ti{font-size:26px}
  .cmpl b{font-size:10px}
  .cmpl p{
    font-size:8.5px;
    line-height:1.25;
  }

  .cta{
    min-height:304px;
  }

  footer.site{
    height:75px;
    min-height:75px;
    padding:5px 0 4px;
    box-sizing:border-box;
  }
  footer.site .wrap{height:100%}
  .foot-top{
    height:52px;
    grid-template-columns:1.15fr repeat(3,1fr) 1.3fr;
    gap:10px;
  }
  .foot-brand .fb{
    margin-bottom:3px;
    gap:5px;
    font-size:10px;
  }
  .foot-brand .fb .m{
    width:15px;
    height:15px;
    border-radius:4px;
    font-size:9px;
  }
  .foot-brand>p.foff{display:none}
  .foot-social{
    gap:4px;
    margin-top:3px;
  }
  .foot-social a{
    width:14px;
    height:14px;
    border-radius:3px;
  }
  .foot-social .ti{font-size:9px}
  .fcol{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    grid-auto-rows:8px;
    column-gap:5px;
    align-content:start;
  }
  .fcol h4{
    grid-column:1/-1;
    font-size:7px;
    line-height:1;
    margin-bottom:1px;
  }
  .fcol a{
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    font-size:6.5px;
    line-height:1;
  }
  .foff b{
    margin-bottom:2px;
    font-size:7px;
  }
  .foff p{
    margin:0;
    font-size:6.5px;
    line-height:1.25;
  }
  .foot-bottom{
    margin-top:2px;
    padding-top:2px;
    font-size:6.5px;
  }
}

@media(min-width:1800px){
  .trust{
    height:calc(112px * var(--wide-scale));
    padding:calc(22px * var(--wide-scale)) 0 calc(16px * var(--wide-scale));
  }
  .stats .wrap{
    min-height:calc(138px * var(--wide-scale));
    padding-top:calc(34px * var(--wide-scale));
    padding-bottom:calc(34px * var(--wide-scale));
  }

  .features-stack .feat:nth-child(1){--reference-feature-height:calc(480px * var(--wide-scale))}
  .features-stack .feat:nth-child(2){--reference-feature-height:calc(472px * var(--wide-scale))}
  .features-stack .feat:nth-child(3){--reference-feature-height:calc(442px * var(--wide-scale))}
  .features-stack .feat{
    min-height:var(--reference-feature-height);
  }
  .features-stack .feat .fimg,
  .features-stack .feat .fimg img{
    height:var(--reference-feature-height);
    min-height:var(--reference-feature-height);
  }

  .flow{
    min-height:calc(474px * var(--wide-scale));
    padding:calc(100px * var(--wide-scale)) 0;
    box-sizing:border-box;
  }

  .inds{
    min-height:calc(635px * var(--wide-scale));
    padding:calc(56px * var(--wide-scale)) 0 calc(59px * var(--wide-scale));
    box-sizing:border-box;
  }
  .ind-grid{grid-auto-rows:calc(205px * var(--wide-scale))}
  .ind{
    min-height:calc(205px * var(--wide-scale));
    grid-template-columns:1fr 1fr;
  }
  .ind img{min-height:calc(205px * var(--wide-scale))}
  .ind:nth-child(-n+2) img{order:2}
  .ind:nth-child(-n+2) .ib{order:1}
  .ind:nth-child(-n+2) .ind-icon{
    left:auto;
    right:calc(18px * var(--wide-scale));
    top:auto;
    bottom:calc(18px * var(--wide-scale));
    transform:none;
  }
  .ind h3{font-size:calc(21px * var(--wide-scale))}

  .proc{
    min-height:calc(397px * var(--wide-scale));
    padding:calc(30px * var(--wide-scale)) 0 calc(28px * var(--wide-scale));
    box-sizing:border-box;
  }

  .story{
    height:calc(196px * var(--wide-scale));
    padding:0;
  }
  .story .wrap,
  .story-grid{height:calc(196px * var(--wide-scale))}
  .story-grid{grid-template-columns:calc(300px * var(--wide-scale)) 1fr}
  .story-grid .simg img{
    height:calc(196px * var(--wide-scale));
    min-height:calc(196px * var(--wide-scale));
  }
  .story-grid .simg .sov{
    top:calc(14px * var(--wide-scale));
    left:calc(16px * var(--wide-scale));
  }
  .story-grid .simg .sov h3{
    max-width:calc(250px * var(--wide-scale));
    margin-top:calc(5px * var(--wide-scale));
    font-size:calc(17px * var(--wide-scale));
    line-height:1.08;
  }
  .story-grid .simg .sov a{
    margin-top:calc(8px * var(--wide-scale));
    font-size:calc(10px * var(--wide-scale));
  }
  .story-body{
    gap:calc(14px * var(--wide-scale));
    padding:calc(16px * var(--wide-scale)) calc(18px * var(--wide-scale));
  }
  .scol h4{
    margin-bottom:calc(6px * var(--wide-scale));
    font-size:calc(9px * var(--wide-scale));
  }
  .scol ul{gap:calc(5px * var(--wide-scale))}
  .scol li{
    gap:calc(5px * var(--wide-scale));
    font-size:calc(9.5px * var(--wide-scale));
    line-height:1.35;
  }
  .scol li::before{
    width:calc(5px * var(--wide-scale));
    height:calc(5px * var(--wide-scale));
    margin-top:calc(4px * var(--wide-scale));
  }
  .quote .qm{font-size:calc(26px * var(--wide-scale))}
  .quote p{
    margin:calc(5px * var(--wide-scale)) 0 calc(7px * var(--wide-scale));
    font-size:calc(10px * var(--wide-scale));
    line-height:1.35;
  }
  .quote .qa{font-size:calc(9px * var(--wide-scale))}

  .compl{
    height:calc(111px * var(--wide-scale));
    padding:calc(10px * var(--wide-scale)) 0 calc(8px * var(--wide-scale));
    box-sizing:border-box;
  }
  .compl h2{
    margin-bottom:calc(8px * var(--wide-scale));
    font-size:calc(20px * var(--wide-scale));
  }
  .compl-grid{gap:calc(14px * var(--wide-scale))}
  .cmpl{
    grid-template-columns:calc(34px * var(--wide-scale)) 1fr;
    column-gap:calc(8px * var(--wide-scale));
    row-gap:calc(1px * var(--wide-scale));
  }
  .cmpl .ic{
    width:calc(32px * var(--wide-scale));
    height:calc(32px * var(--wide-scale));
  }
  .cmpl .ic .ti{font-size:calc(26px * var(--wide-scale))}
  .cmpl b{font-size:calc(10px * var(--wide-scale))}
  .cmpl p{
    font-size:calc(8.5px * var(--wide-scale));
    line-height:1.25;
  }

  footer.site{
    height:calc(75px * var(--wide-scale));
    min-height:calc(75px * var(--wide-scale));
    padding:calc(5px * var(--wide-scale)) 0 calc(4px * var(--wide-scale));
    box-sizing:border-box;
  }
  footer.site .wrap{height:100%}
  .foot-top{
    height:calc(52px * var(--wide-scale));
    grid-template-columns:1.15fr repeat(3,1fr) 1.3fr;
    gap:calc(10px * var(--wide-scale));
  }
  .foot-brand .fb{
    margin-bottom:calc(3px * var(--wide-scale));
    gap:calc(5px * var(--wide-scale));
    font-size:calc(10px * var(--wide-scale));
  }
  .foot-brand .fb .m{
    width:calc(15px * var(--wide-scale));
    height:calc(15px * var(--wide-scale));
    border-radius:calc(4px * var(--wide-scale));
    font-size:calc(9px * var(--wide-scale));
  }
  .foot-brand>p.foff{display:none}
  .foot-social{
    gap:calc(4px * var(--wide-scale));
    margin-top:calc(3px * var(--wide-scale));
  }
  .foot-social a{
    width:calc(14px * var(--wide-scale));
    height:calc(14px * var(--wide-scale));
    border-radius:calc(3px * var(--wide-scale));
  }
  .foot-social .ti{font-size:calc(9px * var(--wide-scale))}
  .fcol{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    grid-auto-rows:calc(8px * var(--wide-scale));
    column-gap:calc(5px * var(--wide-scale));
    align-content:start;
  }
  .fcol h4{
    grid-column:1/-1;
    font-size:calc(7px * var(--wide-scale));
    line-height:1;
    margin-bottom:calc(1px * var(--wide-scale));
  }
  .fcol a{
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    font-size:calc(6.5px * var(--wide-scale));
    line-height:1;
  }
  .foff b{
    margin-bottom:calc(2px * var(--wide-scale));
    font-size:calc(7px * var(--wide-scale));
  }
  .foff p{
    margin:0;
    font-size:calc(6.5px * var(--wide-scale));
    line-height:1.25;
  }
  .foot-bottom{
    margin-top:calc(2px * var(--wide-scale));
    padding-top:calc(2px * var(--wide-scale));
    font-size:calc(6.5px * var(--wide-scale));
  }
}

/* Reference content density: rich channel cards and the source's compact
   same-row industries heading. All added symbols remain library icons. */
.voice-ui{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  margin-top:12px;
  color:var(--g);
}
.voice-ui>.ti{font-size:34px;line-height:1}
.voice-call{
  display:flex;
  align-items:center;
  justify-content:center;
  width:30px;
  height:30px;
  border-radius:50%;
  background:var(--mint);
  color:var(--g-d);
}
.voice-call .ti{font-size:18px;line-height:1}
.travel-card img{
  display:block;
  width:100%;
  height:58px;
  margin:-10px -12px 8px;
  max-width:calc(100% + 24px);
  border-radius:11px 11px 6px 6px;
  object-fit:cover;
}
.travel-card>span{display:block}
.mini-action{
  display:block;
  margin-top:8px;
  border:1px solid var(--line2);
  border-radius:6px;
  background:#fff;
  color:var(--g-d);
  font-size:10px;
  font-weight:700;
  line-height:24px;
  text-align:center;
}
.result-mark{
  display:flex;
  align-items:center;
  justify-content:center;
  width:30px;
  height:30px;
  margin-top:12px;
  border-radius:50%;
  background:var(--mint);
  color:var(--g);
}
.result-mark .ti{font-size:20px;line-height:1}

@media(min-width:861px) and (max-width:1799px){
  .flow{
    height:474px;
    min-height:474px;
    padding:28px 0 16px;
  }
  .fstep .fh .ic{
    width:56px;
    height:56px;
  }
  .fstep .fh .ic .ti{font-size:30px}
  .fstep .arrow{top:27px}
  .bubble.flow-card{min-height:220px}
  .bcol:nth-child(4) .bubble{min-height:92px}

  .inds{
    height:635px;
    min-height:635px;
    padding:10px 0 59px;
  }
  .inds .wrap{position:relative}
  .inds h2{margin-bottom:18px}
  .inds .subline{
    position:absolute;
    top:4px;
    right:40px;
    margin:0;
  }
  .ind-grid{
    grid-template-rows:260px 195px;
    grid-auto-rows:auto;
  }
  .ind{
    min-height:0;
  }
  .ind img{
    min-height:0;
  }
  .ind h3{font-size:22px}
}

@media(min-width:1800px){
  .voice-ui{
    gap:calc(8px * var(--wide-scale));
    margin-top:calc(12px * var(--wide-scale));
  }
  .voice-ui>.ti{font-size:calc(34px * var(--wide-scale))}
  .voice-call{
    width:calc(30px * var(--wide-scale));
    height:calc(30px * var(--wide-scale));
  }
  .voice-call .ti{font-size:calc(18px * var(--wide-scale))}
  .travel-card img{
    height:calc(58px * var(--wide-scale));
    margin:calc(-10px * var(--wide-scale)) calc(-12px * var(--wide-scale)) calc(8px * var(--wide-scale));
    max-width:calc(100% + (24px * var(--wide-scale)));
  }
  .mini-action{
    margin-top:calc(8px * var(--wide-scale));
    border-radius:calc(6px * var(--wide-scale));
    font-size:calc(10px * var(--wide-scale));
    line-height:calc(24px * var(--wide-scale));
  }
  .result-mark{
    width:calc(30px * var(--wide-scale));
    height:calc(30px * var(--wide-scale));
    margin-top:calc(12px * var(--wide-scale));
  }
  .result-mark .ti{font-size:calc(20px * var(--wide-scale))}

  .flow{
    height:calc(474px * var(--wide-scale));
    min-height:calc(474px * var(--wide-scale));
    padding:calc(28px * var(--wide-scale)) 0 calc(16px * var(--wide-scale));
  }
  .fstep .fh .ic{
    width:calc(56px * var(--wide-scale));
    height:calc(56px * var(--wide-scale));
  }
  .fstep .fh .ic .ti{font-size:calc(30px * var(--wide-scale))}
  .fstep .arrow{top:calc(27px * var(--wide-scale))}
  .bubble.flow-card{min-height:calc(220px * var(--wide-scale))}
  .bcol:nth-child(4) .bubble{min-height:calc(92px * var(--wide-scale))}

  .inds{
    height:calc(635px * var(--wide-scale));
    min-height:calc(635px * var(--wide-scale));
    padding:calc(10px * var(--wide-scale)) 0 calc(59px * var(--wide-scale));
  }
  .inds .wrap{position:relative}
  .inds h2{margin-bottom:calc(18px * var(--wide-scale))}
  .inds .subline{
    position:absolute;
    top:calc(4px * var(--wide-scale));
    right:calc(40px * var(--wide-scale));
    margin:0;
  }
  .ind-grid{
    grid-template-rows:calc(260px * var(--wide-scale)) calc(195px * var(--wide-scale));
    grid-auto-rows:auto;
  }
  .ind{min-height:0}
  .ind img{min-height:0}
  .ind h3{font-size:calc(22px * var(--wide-scale))}
}

/* Reference image ratios: the approved Hero is image-led and the closing
   banner keeps a narrow green copy panel with a full-length team photograph. */
@media(min-width:861px){
  .hero{grid-template-columns:39% 61%}
  .hero .hcopy{padding-right:18px}
  .cta{grid-template-columns:37% 63%}
}

@media(min-width:1800px){
  .hero .hcopy{padding-right:calc(18px * var(--wide-scale))}
}

/* ==========================================================================
   PROPORTION + UX SYSTEM — v35
   The approved 1536px composition remains the art direction, but geometry no
   longer stays frozen below 1536px or grows without limit on ultra-wide
   displays. Media stays full-bleed; readable content has bounded dimensions.
   ========================================================================== */
.skip-link{
  position:fixed;
  top:10px;
  left:12px;
  z-index:1000;
  transform:translateY(-160%);
  border-radius:8px;
  background:var(--g-dd);
  color:#fff;
  padding:10px 15px;
  font-weight:700;
  transition:transform .18s ease;
}
.skip-link:focus{transform:none}
.home-page :focus-visible{outline:3px solid rgba(34,122,69,.32);outline-offset:3px}

@media(min-width:1181px){
  .home-page{
    --wrap:clamp(1180px,86vw,1760px);
    --hero-h:clamp(500px,36.46vw,610px);
    --trust-h:clamp(92px,7.29vw,118px);
    --stats-h:clamp(112px,9.05vw,146px);
    --feat-1-h:clamp(390px,31.25vw,520px);
    --feat-2-h:clamp(382px,30.73vw,510px);
    --feat-3-h:clamp(360px,28.78vw,480px);
    --flow-h:clamp(400px,30.86vw,500px);
    --inds-h:clamp(520px,41.34vw,680px);
    --proc-h:clamp(350px,25.85vw,430px);
    --story-h:clamp(230px,16.9vw,280px);
    --compl-h:clamp(130px,9vw,160px);
    --cta-h:clamp(260px,19.8vw,330px);
  }

  .home-page .rail{
    width:var(--rail);
    height:calc(68px + var(--hero-h) + var(--trust-h) + var(--stats-h));
  }
  .home-page header.site{min-height:68px}

  .home-page .hero{
    height:var(--hero-h);
    min-height:var(--hero-h);
    grid-template-columns:43% 57%;
  }
  .home-page .hero .hcopy{
    min-width:0;
    padding:clamp(34px,3vw,52px) clamp(34px,3.2vw,58px);
  }
  .home-page .hero h1{
    max-width:560px;
    font-size:clamp(48px,4vw,62px);
    line-height:1.035;
    margin:14px 0 18px;
  }
  .home-page .hero p.lead{
    max-width:500px;
    margin-bottom:24px;
    font-size:clamp(14px,1.04vw,16px);
    line-height:1.55;
  }
  .home-page .hero .cta-row{gap:10px}
  .home-page .hero .himg{height:var(--hero-h);min-height:var(--hero-h)}
  .home-page .msg-card{
    left:clamp(22px,3vw,48px);
    bottom:clamp(22px,2.5vw,38px);
  }

  .home-page .trust{
    height:var(--trust-h);
    min-height:var(--trust-h);
    padding:clamp(14px,1.4vw,22px) 0 clamp(10px,1vw,16px);
  }
  .home-page .trust .logos img{height:clamp(24px,2vw,32px)}

  .home-page .stats .wrap{
    height:var(--stats-h);
    min-height:var(--stats-h);
    padding-top:clamp(24px,2.2vw,34px);
    padding-bottom:clamp(24px,2.2vw,34px);
  }
  .home-page .stats .stat{padding-inline:clamp(20px,2.5vw,38px)}
  .home-page .stats .stat b{font-size:clamp(28px,2.25vw,36px)}

  .home-page .features-stack .feat:nth-child(1){--reference-feature-height:var(--feat-1-h)}
  .home-page .features-stack .feat:nth-child(2){--reference-feature-height:var(--feat-2-h)}
  .home-page .features-stack .feat:nth-child(3){--reference-feature-height:var(--feat-3-h)}
  .home-page .features-stack .feat,
  .home-page .features-stack .feat .fimg,
  .home-page .features-stack .feat .fimg img{
    height:var(--reference-feature-height);
    min-height:var(--reference-feature-height);
  }
  .home-page .features-stack .feat .fcopy{
    padding:clamp(32px,3.4vw,52px) clamp(42px,6vw,92px);
  }
  .home-page .features-stack .feat h2{
    font-size:clamp(28px,2.35vw,36px);
    line-height:1.08;
  }
  .home-page .features-stack .feat .fintro{
    margin-bottom:clamp(14px,1.3vw,20px);
    font-size:clamp(13.5px,.98vw,15px);
  }
  .home-page .features-stack .flist{gap:clamp(10px,.92vw,14px)}

  .home-page .flow{
    height:var(--flow-h);
    min-height:var(--flow-h);
    padding:clamp(24px,2.2vw,34px) 0 clamp(16px,1.4vw,22px);
  }
  .home-page .flow h2{margin-bottom:clamp(22px,2vw,30px)}
  .home-page .bubble.flow-card{min-height:clamp(165px,14.3vw,220px)}
  .home-page .bcol:nth-child(4) .bubble{min-height:clamp(76px,6vw,92px)}

  .home-page .inds{
    height:var(--inds-h);
    min-height:var(--inds-h);
    padding:clamp(18px,1.7vw,28px) 0 clamp(30px,3vw,48px);
  }
  .home-page .inds h2{margin-bottom:clamp(12px,1.1vw,18px)}
  .home-page .inds .subline{top:clamp(3px,.35vw,6px)}
  .home-page .ind-grid{
    height:calc(var(--inds-h) - clamp(98px,8vw,126px));
    grid-template-rows:minmax(0,1.14fr) minmax(0,.86fr);
  }
  .home-page .ind h3{font-size:clamp(18px,1.43vw,22px)}

  .home-page .proc{
    min-height:var(--proc-h);
    padding:clamp(24px,2vw,32px) 0;
  }
  .home-page .proc h2{margin-bottom:clamp(20px,1.7vw,26px)}
  .home-page .pstep{padding:clamp(17px,1.5vw,23px)}

  .home-page .story{
    height:var(--story-h);
    padding:0;
  }
  .home-page .story .wrap,
  .home-page .story-grid{height:var(--story-h)}
  .home-page .story-grid{grid-template-columns:clamp(280px,22vw,360px) 1fr}
  .home-page .story-grid .simg img{
    height:var(--story-h);
    min-height:var(--story-h);
  }
  .home-page .story-body{
    gap:clamp(14px,1.25vw,22px);
    padding:clamp(18px,1.55vw,25px);
  }
  .home-page .scol h4{font-size:10px}
  .home-page .scol li{font-size:clamp(10px,.74vw,11.5px)}
  .home-page .quote p{font-size:clamp(10.5px,.75vw,11.5px)}
  .home-page .quote .qa{font-size:10px}

  .home-page .compl{
    height:var(--compl-h);
    min-height:var(--compl-h);
    padding:clamp(14px,1.2vw,20px) 0;
  }
  .home-page .compl h2{
    margin-bottom:clamp(10px,.9vw,15px);
    font-size:clamp(20px,1.55vw,24px);
  }
  .home-page .cmpl b{font-size:clamp(10.5px,.77vw,12px)}
  .home-page .cmpl p{font-size:clamp(9.5px,.68vw,10.5px)}

  .home-page .cta{
    height:var(--cta-h);
    min-height:var(--cta-h);
    grid-template-columns:37% 63%;
  }
  .home-page .cta .ccopy{padding:clamp(28px,2.6vw,42px) clamp(36px,3.5vw,56px)}
  .home-page .cta h2{font-size:clamp(27px,2.2vw,35px)}

  .home-page footer.site{
    height:auto;
    min-height:168px;
    padding:24px 0 16px;
  }
  .home-page footer.site .wrap{height:auto}
  .home-page .foot-top{
    height:auto;
    gap:clamp(16px,1.5vw,24px);
  }
  .home-page .foot-brand .fb{font-size:16px;margin-bottom:8px}
  .home-page .foot-brand .fb .m{width:23px;height:23px;font-size:13px}
  .home-page .foot-brand>p.foff{
    display:block;
    max-width:230px !important;
    font-size:10px;
  }
  .home-page .foot-social{gap:6px;margin-top:7px}
  .home-page .foot-social a{width:23px;height:23px}
  .home-page .fcol{
    display:block;
  }
  .home-page .foff b,
  .home-page .fcol h4{font-size:10px;margin-bottom:6px}
  .home-page .foff p,
  .home-page .fcol a{
    overflow:visible;
    white-space:normal;
    font-size:10px;
    line-height:1.35;
    margin-bottom:3px;
  }
  .home-page .foot-bottom{
    margin-top:12px;
    padding-top:10px;
    font-size:9.5px;
  }
}

/* V73 HERO CHAT PROMPT */
.home-page button.msg-card{
  appearance:none;
  border:1px solid rgba(255,255,255,.22);
  color:inherit;
  font:inherit;
  text-align:left;
  cursor:pointer;
  transition:transform .2s ease,background-color .2s ease,border-color .2s ease,box-shadow .2s ease;
}

.home-page button.msg-card:hover{
  transform:translateY(-2px);
  border-color:rgba(255,255,255,.38);
  background:rgba(10,54,32,.92);
  box-shadow:0 14px 34px rgba(0,0,0,.3);
}

.home-page button.msg-card:focus-visible{
  outline:3px solid #b9f3cd;
  outline-offset:3px;
}

.home-page button.msg-card .tick{
  width:28px;
  height:28px;
}

.home-page button.msg-card .tick .ti{font-size:17px}
.home-page button.msg-card .msg-copy{margin:0}
.home-page button.msg-card .msg-copy>span{white-space:nowrap}

@media(max-width:520px){
  .home-page button.msg-card .msg-copy>span{white-space:normal}
}

/* V74 ALIGN HERO COPY WITH THE VIDEO'S RIGHT-SIDE GLASS SAFE AREA */
@media(min-width:1181px){
  .home-page .hero-stage{
    --hero-copy-w:clamp(580px,48vw,820px);
  }
}

@media(min-width:861px) and (max-width:1180px){
  .home-page .hero-stage{
    --hero-copy-w:clamp(540px,54vw,620px);
  }
}

/* V75 COMPACT-DESKTOP HEADER ALIGNMENT */
@media(min-width:901px) and (max-width:1180px){
  .home-page header.site .brand{
    position:static;
    flex:0 0 clamp(190px,22vw,218px);
    width:clamp(190px,22vw,218px);
    height:52px;
    margin:0;
    transform:none;
  }

  .home-page header.site .h-actions{
    order:2;
    margin-left:auto;
  }

  .home-page .nav-toggle{order:3}
}

/* Tablet / compact desktop: remove the decorative rail before it squeezes
   content, preserve the image-led hero, and use a real mobile navigation. */
@media(min-width:901px) and (max-width:1180px){
  .home-page{--rail:0px;--wrap:min(100%,1080px)}
  .home-page .rail{display:none}
  .home-page header.site{
    min-height:68px;
    margin-left:0;
    padding:10px 24px;
    flex-wrap:nowrap;
    gap:12px;
  }
  .home-page header.site .brand{display:block;margin-right:auto}
  .home-page header.site .h-spacer{display:none}
  .home-page header.site .h-actions{flex:0 0 auto;gap:9px}
  .home-page .nav-toggle{display:flex;order:4}
  .home-page header.site nav{
    display:none;
    position:absolute;
    top:100%;
    left:0;
    right:0;
    z-index:50;
    margin:0;
    padding:12px 24px 18px;
    border-top:1px solid var(--line);
    background:#fff;
    box-shadow:0 18px 35px rgba(20,67,42,.12);
  }
  .home-page header.site nav.open{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}
  .home-page header.site nav a{padding:10px;text-align:center}

  .home-page .hero{
    height:500px;
    min-height:500px;
    margin-left:0;
    grid-template-columns:42% 58%;
  }
  .home-page .hero .hcopy{padding:34px 30px}
  .home-page .hero h1{font-size:clamp(39px,4vw,46px);line-height:1.04}
  .home-page .hero p.lead{font-size:14px;line-height:1.5;margin-bottom:20px}
  .home-page .hero .btn{padding:11px 15px;font-size:13px}
  .home-page .hero .himg{height:500px;min-height:500px}
  .home-page .msg-card{left:22px;bottom:22px}
  .home-page .trust,
  .home-page .stats{margin-left:0}
  .home-page .trust{height:94px;padding:16px 0 12px}
  .home-page .trust .logos{gap:22px}
  .home-page .trust .logos img{height:23px}
  .home-page .stats .wrap{min-height:116px;padding:24px}

  .home-page .features-stack .feat,
  .home-page .features-stack .feat .fimg,
  .home-page .features-stack .feat .fimg img{
    height:380px;
    min-height:380px;
  }
  .home-page .features-stack .feat .fcopy{padding:30px 42px}
  .home-page .features-stack .feat h2{font-size:30px}
  .home-page .features-stack .feat .fintro{font-size:13.5px;margin-bottom:14px}
  .home-page .features-stack .flist{gap:9px}
  .home-page .flow{height:auto;min-height:590px;padding:42px 0}
  .home-page .inds{height:auto;min-height:540px;padding:42px 0}
  .home-page .inds .subline{position:static;margin:0 0 24px}
  .home-page .ind-grid{height:auto;grid-template-rows:220px 190px}
  .home-page .proc{height:auto;min-height:390px}
  .home-page .story{height:280px;padding:0}
  .home-page .story .wrap,
  .home-page .story-grid{height:280px}
  .home-page .story-grid .simg img{height:280px;min-height:280px}
  .home-page .story-body{grid-template-columns:repeat(2,1fr);padding:20px}
  .home-page .compl{height:150px;padding:18px 0}
  .home-page .compl h2{margin-bottom:14px}
  .home-page .cta{min-height:290px}
  .home-page footer.site{height:auto;min-height:210px;padding:28px 0 18px}
  .home-page .foot-top{height:auto;grid-template-columns:1.15fr repeat(3,1fr) 1.25fr !important}
  .home-page .fcol{display:block}
  .home-page .fcol h4,.home-page .foff b{font-size:10px}
  .home-page .fcol a,.home-page .foff p{font-size:9.5px;line-height:1.35}
  .home-page .foot-bottom{margin-top:14px;padding-top:10px;font-size:9.5px}
}

/* Phone and portrait-tablet: one compact header row, shorter imagery, and
   horizontally explorable dense sections instead of an 11,000px document. */
@media(max-width:900px){
  .home-page{--rail:0px}
  .home-page .rail{display:none}
  .home-page header.site{
    position:sticky;
    min-height:66px;
    padding:11px 18px;
    flex-wrap:nowrap;
    gap:8px;
  }
  .home-page header.site .brand{
    display:block;
    flex:0 0 auto;
    margin-right:auto;
    font-size:18px;
  }
  .home-page header.site .h-spacer,
  .home-page header.site .sp{display:none}
  .home-page header.site .h-actions{
    order:3;
    flex:0 0 auto;
    gap:6px;
  }
  .home-page .lang-btn{padding:7px 5px;font-size:12px}
  .home-page header.site .btn{
    padding:10px 12px;
    border-radius:8px;
    font-size:12px;
    white-space:nowrap;
  }
  .home-page .nav-toggle{
    order:4;
    display:flex;
    flex:0 0 40px;
    margin-left:0;
  }
  .home-page header.site nav{
    display:none;
    position:absolute;
    top:100%;
    left:0;
    right:0;
    z-index:50;
    margin:0;
    padding:10px 18px 16px;
    border-top:1px solid var(--line);
    background:#fff;
    box-shadow:0 18px 35px rgba(20,67,42,.12);
  }
  .home-page header.site nav.open{display:flex}

  .home-page .hero{
    margin-left:0;
    grid-template-columns:1fr;
    height:auto;
    min-height:0;
    padding:0;
  }
  .home-page .hero .hcopy{padding:30px 22px 26px}
  .home-page .hero h1{
    max-width:560px;
    margin:14px 0 18px;
    font-size:clamp(36px,8.4vw,48px);
    line-height:1.05;
  }
  .home-page .hero p.lead{
    max-width:590px;
    margin-bottom:22px;
    font-size:15px;
    line-height:1.55;
  }
  .home-page .hero .cta-row{gap:8px}
  .home-page .hero .himg{
    height:clamp(260px,62vw,390px);
    min-height:clamp(260px,62vw,390px);
    margin:0 22px 24px;
    border-radius:18px;
  }
  .home-page .hero .himg>:is(img,video){object-position:62% center}
  .home-page .msg-card{left:14px;bottom:14px;padding:9px 12px}
  .home-page .msg-card b{font-size:11.5px}
  .home-page .msg-card span{font-size:9.5px}

  .home-page .trust{
    height:108px;
    min-height:108px;
    margin-left:0;
    padding:14px 0 10px;
    overflow:hidden;
  }
  .home-page .trust .wrap{padding-inline:20px}
  .home-page .trust .tt{margin-bottom:12px;text-align:left}
  .home-page .trust .logos{
    justify-content:flex-start;
    flex-wrap:nowrap;
    gap:20px;
    overflow-x:auto;
    padding:0 0 8px;
    scrollbar-width:none;
  }
  .home-page .trust .logos::-webkit-scrollbar{display:none}
  .home-page .trust .logos img{height:24px;flex:0 0 auto}

  .home-page .stats{margin-left:0}
  .home-page .stats .wrap{
    min-height:118px;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:0;
    padding:22px 12px;
  }
  .home-page .stats .stat{
    justify-content:center;
    gap:7px;
    min-width:0;
    padding:0 7px;
  }
  .home-page .stats .stat + .stat{border-left:1px solid var(--line2)}
  .home-page .stats .stat .si{width:27px;height:27px}
  .home-page .stats .stat .si .ti{font-size:23px}
  .home-page .stats .stat b{font-size:clamp(21px,5vw,28px)}
  .home-page .stats .stat span{font-size:9.5px;line-height:1.25}

  .home-page .features-stack .feat{
    grid-template-columns:1fr;
    height:auto;
    min-height:0;
  }
  .home-page .features-stack .feat.rev .fcopy{order:0}
  .home-page .features-stack .feat .fcopy{padding:28px 22px 30px}
  .home-page .features-stack .feat h2{
    max-width:520px;
    font-size:clamp(28px,6.8vw,34px);
  }
  .home-page .features-stack .feat .fintro{margin-bottom:15px;font-size:14px}
  .home-page .features-stack .flist{gap:10px}
  .home-page .features-stack .feat .fimg,
  .home-page .features-stack .feat .fimg img{
    width:100%;
    height:clamp(230px,58vw,340px);
    min-height:clamp(230px,58vw,340px);
  }

  .home-page .flow{
    height:auto;
    min-height:0;
    padding:38px 0 34px;
    overflow:hidden;
  }
  .home-page .flow .wrap{
    overflow-x:auto;
    padding-inline:20px;
    scrollbar-width:none;
  }
  .home-page .flow .wrap::-webkit-scrollbar{display:none}
  .home-page .flow h2{
    position:sticky;
    left:0;
    width:calc(100vw - 40px);
    margin-bottom:24px;
    text-align:left;
    font-size:26px;
  }
  .home-page .flow-steps,
  .home-page .bubbles{
    width:850px;
    grid-template-columns:repeat(5,1fr) !important;
    gap:10px;
    font-size:11px !important;
  }
  .home-page .fstep .arrow{display:block}
  .home-page .bubble.flow-card{min-height:180px}
  .home-page .bcol:nth-child(4) .bubble{min-height:82px}

  .home-page .inds{
    height:auto;
    min-height:0;
    padding:38px 0 42px;
    overflow:hidden;
  }
  .home-page .inds h2{text-align:left;font-size:28px}
  .home-page .inds .subline{position:static;text-align:left;margin:8px 0 22px}
  .home-page .ind-grid{
    height:auto;
    display:grid;
    grid-auto-flow:column;
    grid-auto-columns:min(84vw,430px);
    grid-template-columns:none;
    grid-template-rows:270px;
    gap:14px;
    overflow-x:auto;
    padding:0 0 10px;
    scroll-snap-type:x mandatory;
    scrollbar-width:none;
  }
  .home-page .ind-grid::-webkit-scrollbar{display:none}
  .home-page .ind{
    min-height:270px;
    grid-template-columns:42% 58%;
    scroll-snap-align:start;
  }
  .home-page .ind:nth-child(-n+2) img{order:0}
  .home-page .ind:nth-child(-n+2) .ib{order:0}
  .home-page .ind img{height:270px;min-height:270px}
  .home-page .ind .ib{padding:20px 18px}
  .home-page .ind h3{font-size:20px}
  .home-page .ind-icon{right:16px;top:auto;bottom:16px}

  .home-page .proc{height:auto;min-height:0;padding:38px 0}
  .home-page .proc h2{text-align:left;font-size:28px}
  .home-page .proc-steps{
    display:grid;
    grid-auto-flow:column;
    grid-auto-columns:min(82vw,420px);
    grid-template-columns:none;
    gap:12px;
    overflow-x:auto;
    border:0;
    border-radius:0;
    background:transparent;
    padding-bottom:10px;
    scroll-snap-type:x mandatory;
    scrollbar-width:none;
  }
  .home-page .proc-steps::-webkit-scrollbar{display:none}
  .home-page .pstep{
    min-height:270px;
    border:1px solid var(--line);
    border-radius:14px;
    padding:22px;
    scroll-snap-align:start;
  }
  .home-page .pstep + .pstep{border-left:1px solid var(--line)}
  .home-page .proc-support{
    grid-template-columns:1fr;
    gap:0;
    margin-top:12px;
    border:1px solid var(--line);
    border-radius:14px;
    padding:8px 18px;
  }
  .home-page .psup{padding:12px 0}
  .home-page .psup + .psup{border-top:1px solid var(--line);border-left:0;padding-left:0}

  .home-page .story{height:auto;padding:38px 0}
  .home-page .story .wrap,
  .home-page .story-grid{height:auto}
  .home-page .story-grid{grid-template-columns:1fr}
  .home-page .story-grid .simg img{height:270px;min-height:270px}
  .home-page .story-body{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:18px;
    padding:22px;
  }
  .home-page .scol h4{font-size:10px}
  .home-page .scol li{font-size:11px}
  .home-page .quote p{font-size:11px}

  .home-page .compl{height:auto;min-height:0;padding:32px 0}
  .home-page .compl h2{text-align:left;margin-bottom:20px;font-size:26px}
  .home-page .compl-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:18px 14px;
  }
  .home-page .cmpl{grid-template-columns:38px 1fr}
  .home-page .cmpl .ic{width:36px;height:36px}
  .home-page .cmpl b{font-size:11.5px}
  .home-page .cmpl p{font-size:10.5px}

  .home-page .cta{
    height:auto;
    min-height:0;
    grid-template-columns:1fr;
  }
  .home-page .cta .ccopy{padding:36px 22px}
  .home-page .cta h2{font-size:32px}
  .home-page .cta .cimg{height:clamp(250px,62vw,390px);min-height:0}
  .home-page .cta .cimg img{position:absolute}

  .home-page footer.site{
    height:auto;
    min-height:0;
    padding:32px 0 22px;
  }
  .home-page footer.site .wrap{height:auto;overflow:visible}
  .home-page .foot-top{
    height:auto;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:24px 20px;
  }
  .home-page .foot-brand,
  .home-page .foff{grid-column:1/-1}
  .home-page .foot-brand>p.foff{
    display:block;
    max-width:520px !important;
    font-size:12px;
  }
  .home-page .fcol{display:block}
  .home-page .fcol h4,.home-page .foff b{font-size:10.5px;margin-bottom:8px}
  .home-page .fcol a,.home-page .foff p{font-size:11px;line-height:1.45;margin-bottom:5px}
  .home-page .foot-bottom{
    align-items:flex-start;
    margin-top:22px;
    padding-top:16px;
    font-size:10px;
  }
}

/* ==========================================================================
   V97 — ONE SITE ALIGNMENT SYSTEM
   The inner pages previously mixed 1180px, 1200px and viewport-width axes.
   This final layer gives header, hero, document cards and footer one shared
   1520px canvas, with readable gutters from phone through ultra-wide screens.
   ========================================================================== */
body:not(.home-page){
  --sub-content:1520px;
  --sub-header-h:76px;
  --sub-rail-w:64px;
  --sub-gutter:clamp(24px,3vw,48px);
  padding-left:0!important;
  overflow-x:clip;
  background:#fff;
}

body:not(.home-page) .rail{
  position:fixed!important;
  inset:var(--sub-header-h) auto 0 0!important;
  width:var(--sub-rail-w)!important;
  height:auto!important;
  min-height:0!important;
  padding:28px 0 20px!important;
  background:var(--g)!important;
  display:flex!important;
  align-items:center;
  z-index:40;
}

body:not(.home-page) .rail .mark{display:none!important}

body:not(.home-page) .rail .vlabel{
  margin:auto 0!important;
  max-height:calc(100vh - var(--sub-header-h) - 84px);
  color:#fff;
  font-size:11px!important;
  line-height:1.25;
  letter-spacing:.13em!important;
  font-weight:700;
  white-space:nowrap;
}

body:not(.home-page) .rail .dot{
  width:10px!important;
  height:10px!important;
  margin:0!important;
}

body:not(.home-page) header.site{
  position:sticky!important;
  top:0;
  left:auto!important;
  right:auto!important;
  width:min(100%,var(--sub-content));
  max-width:var(--sub-content);
  min-height:var(--sub-header-h)!important;
  height:var(--sub-header-h)!important;
  margin:0 auto!important;
  padding:0 var(--sub-gutter)!important;
  display:grid!important;
  grid-template-columns:minmax(150px,210px) minmax(420px,1fr) auto auto;
  align-items:center;
  gap:clamp(14px,1.6vw,26px)!important;
  background:#fff;
  border-bottom:1px solid var(--line);
  z-index:50;
}

body:not(.home-page) header.site .brand{
  display:flex!important;
  align-items:center;
  justify-self:start;
  width:auto;
  min-height:48px;
  margin:0!important;
}

body:not(.home-page) header.site .brand img{
  width:clamp(150px,12vw,184px)!important;
  max-width:none;
  height:auto;
}

body:not(.home-page) header.site nav{
  display:flex!important;
  justify-self:center;
  align-items:center;
  gap:clamp(18px,1.8vw,30px)!important;
  margin:0!important;
}

body:not(.home-page) header.site nav a{
  position:relative;
  padding:10px 0;
  color:#34453b;
  font-size:15px;
  line-height:1.4;
  font-weight:600;
  white-space:nowrap;
}

body:not(.home-page) header.site nav a::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:4px;
  height:2px;
  border-radius:2px;
  background:var(--g);
  transform:scaleX(0);
  transform-origin:center;
  transition:transform .18s ease;
}

body:not(.home-page) header.site nav a:hover::after,
body:not(.home-page) header.site nav a:focus-visible::after{transform:scaleX(1)}

body:not(.home-page) header.site nav .mobile-nav-contact{display:none!important}
body:not(.home-page) header.site .sp{display:none!important}

body:not(.home-page) header.site .lang{
  justify-self:end;
  color:#4f6257!important;
  white-space:nowrap;
}

body:not(.home-page) header.site>.btn{
  justify-self:end;
  min-height:44px;
  padding:11px 18px;
  white-space:nowrap;
}

body:not(.home-page) .main-shell,
body:not(.home-page) .terms-section{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
}

body:not(.home-page) .subpage-hero{
  width:100%!important;
  margin:0!important;
  padding:64px 0 68px!important;
  background:
    radial-gradient(circle at 82% 20%,rgba(255,255,255,.13),transparent 32%),
    linear-gradient(135deg,var(--g-d),var(--g))!important;
}

body:not(.home-page) .subpage-hero .inner,
body:not(.home-page) .terms-document,
body:not(.home-page) footer.site>.wrap{
  width:min(100%,var(--sub-content))!important;
  max-width:var(--sub-content)!important;
  margin-inline:auto!important;
  padding-inline:var(--sub-gutter)!important;
}

@media(min-width:861px) and (max-width:1584px){
  body:not(.home-page) .subpage-hero .inner,
  body:not(.home-page) .terms-document,
  body:not(.home-page) footer.site>.wrap{
    padding-left:calc(var(--sub-rail-w) + 24px)!important;
  }
}

body:not(.home-page) .subpage-hero .sol-back{
  display:flex!important;
  width:max-content;
  margin:0 0 20px!important;
  font-size:15px;
  line-height:1.4;
}

body:not(.home-page) .subpage-hero .section-label{
  display:block!important;
  width:max-content;
  margin:0 0 12px!important;
  font-size:14px;
  line-height:1.4;
}

body:not(.home-page) .subpage-hero h1{
  max-width:1040px;
  margin-bottom:20px;
  font-size:clamp(42px,4vw,60px);
  line-height:1.06;
  text-wrap:balance;
}

body:not(.home-page) .subpage-hero p{
  max-width:860px;
  font-size:18px;
  line-height:1.68;
}

body:not(.home-page) .terms-document{
  margin-top:0!important;
  padding-top:30px!important;
  padding-bottom:76px!important;
}

body:not(.home-page) .terms-clause{
  width:100%;
  padding:52px 0;
  scroll-margin-top:calc(var(--sub-header-h) + 18px);
}

body:not(.home-page) .terms-clause:first-child{padding-top:30px}

body:not(.home-page) .terms-clause>h2{
  max-width:980px;
  margin-bottom:12px;
  font-size:clamp(32px,2.8vw,42px);
  text-wrap:balance;
}

body:not(.home-page) .about-intro{
  max-width:none;
  margin-top:18px!important;
  padding:22px 24px!important;
}

body:not(.home-page) .feat-grid,
body:not(.home-page) .scn-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  grid-auto-rows:1fr;
  align-items:stretch;
  gap:20px!important;
  margin-top:24px!important;
}

body:not(.home-page) .feat,
body:not(.home-page) .scn,
body:not(.home-page) .case{
  display:block!important;
  width:100%;
  height:100%;
  min-width:0;
  padding:26px 28px!important;
}

body:not(.home-page) .tag-row{
  gap:10px!important;
  margin-top:20px!important;
}

body:not(.home-page) footer.site{
  width:100%;
  min-height:0;
  padding:52px 0 28px!important;
}

body:not(.home-page) footer.site .foot-top{
  grid-template-columns:1.25fr .9fr 1.1fr .9fr 1.2fr!important;
  gap:clamp(24px,2.2vw,38px)!important;
}

body:not(.home-page) footer.site .fcol,
body:not(.home-page) footer.site .foff{min-width:0}

body:not(.home-page) footer.site a,
body:not(.home-page) footer.site p{
  overflow-wrap:anywhere;
  word-break:normal;
}

body:not(.home-page) footer.site .fcol a{
  min-height:32px;
  margin:0;
  display:flex;
  align-items:center;
}

@media(min-width:861px) and (max-width:1180px){
  body:not(.home-page){
    --sub-gutter:clamp(28px,3.2vw,38px);
  }

  body:not(.home-page) header.site{
    grid-template-columns:150px minmax(350px,1fr) auto auto;
    gap:14px!important;
  }

  body:not(.home-page) header.site .brand img{width:148px!important}
  body:not(.home-page) header.site nav{gap:16px!important}
  body:not(.home-page) header.site nav a{font-size:14px}
  body:not(.home-page) header.site .lang button{padding-inline:4px}
  body:not(.home-page) header.site>.btn{padding-inline:14px;font-size:13px}

  body:not(.home-page) .feat-grid,
  body:not(.home-page) .scn-grid{grid-template-columns:repeat(2,minmax(0,1fr))}

  body:not(.home-page) footer.site .foot-top{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }
}

@media(max-width:860px){
  body:not(.home-page){
    --sub-header-h:72px;
    --sub-gutter:clamp(20px,5vw,28px);
  }

  body:not(.home-page) .rail{display:none!important}

  body:not(.home-page) header.site{
    width:100%;
    max-width:none;
    height:var(--sub-header-h)!important;
    min-height:var(--sub-header-h)!important;
    padding:0 var(--sub-gutter)!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto 44px;
    gap:8px!important;
    overflow:visible;
  }

  body:not(.home-page) header.site .brand{
    grid-column:1;
    grid-row:1;
    min-width:0;
  }

  body:not(.home-page) header.site .brand img{
    width:clamp(118px,33vw,142px)!important;
  }

  body:not(.home-page) header.site .lang{
    grid-column:2;
    grid-row:1;
    order:initial;
    font-size:12px;
  }

  body:not(.home-page) header.site .lang button{
    min-width:32px;
    min-height:40px;
    padding:5px 4px;
    font-size:12px;
  }

  body:not(.home-page) header.site>.btn{display:none!important}

  body:not(.home-page) header.site .nav-toggle{
    grid-column:3;
    grid-row:1;
    order:initial;
    display:flex!important;
    width:44px;
    height:44px;
    margin:0!important;
  }

  body:not(.home-page) header.site nav{
    position:absolute;
    top:calc(100% - 1px);
    left:0;
    right:0;
    width:100%;
    max-height:calc(100vh - var(--sub-header-h));
    overflow-y:auto;
    display:none!important;
    flex-direction:column;
    align-items:stretch;
    gap:2px!important;
    margin:0!important;
    padding:12px var(--sub-gutter) 18px!important;
    background:#fff;
    border-top:1px solid var(--line);
    border-bottom:1px solid var(--line);
    box-shadow:0 18px 34px rgba(20,67,42,.14);
    z-index:60;
  }

  body:not(.home-page) header.site nav.open{display:flex!important}

  body:not(.home-page) header.site nav a{
    min-height:46px;
    padding:12px 10px!important;
    border-radius:9px;
    font-size:16px;
  }

  body:not(.home-page) header.site nav a::after{display:none}
  body:not(.home-page) header.site nav a:hover{background:var(--mint)}

  body:not(.home-page) header.site nav .mobile-nav-contact{
    display:flex!important;
    justify-content:center;
    align-items:center;
    margin-top:6px;
    background:var(--g)!important;
    color:#fff!important;
  }

  body:not(.home-page) .subpage-hero{padding:44px 0 48px!important}
  body:not(.home-page) .subpage-hero .sol-back{margin-bottom:16px!important}
  body:not(.home-page) .subpage-hero h1{
    max-width:680px;
    font-size:clamp(34px,8.8vw,46px);
    line-height:1.08;
  }
  body:not(.home-page) .subpage-hero p{font-size:16.5px;line-height:1.65}

  body:not(.home-page) .terms-document{
    padding-top:18px!important;
    padding-bottom:58px!important;
  }

  body:not(.home-page) .terms-clause{padding:40px 0}
  body:not(.home-page) .terms-clause:first-child{padding-top:26px}
  body:not(.home-page) .terms-clause>h2{font-size:clamp(29px,7.8vw,36px)}

  body:not(.home-page) .feat-grid,
  body:not(.home-page) .scn-grid{grid-template-columns:repeat(2,minmax(0,1fr))}

  body:not(.home-page) footer.site .foot-top{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:32px 24px!important;
  }
}

@media(max-width:620px){
  body:not(.home-page) .feat-grid,
  body:not(.home-page) .scn-grid{grid-template-columns:1fr}

  body:not(.home-page) .feat,
  body:not(.home-page) .scn,
  body:not(.home-page) .case{padding:22px!important}

  body:not(.home-page) footer.site .foot-top{
    grid-template-columns:1fr!important;
    gap:28px!important;
  }
}

@media(max-width:390px){
  body:not(.home-page){
    --sub-gutter:18px;
  }

  body:not(.home-page) header.site .brand img{width:116px!important}
  body:not(.home-page) header.site .lang .sepdot{display:none}
  body:not(.home-page) header.site .lang button{min-width:30px}
  body:not(.home-page) .subpage-hero h1{font-size:33px}
}

@media(max-width:430px){
  .home-page header.site{padding-inline:14px}
  .home-page header.site .brand{font-size:17px}
  .home-page .lang-btn .glb{display:none}
  .home-page header.site .btn{padding-inline:10px}
  .home-page .hero .hcopy{padding-inline:20px}
  .home-page .hero .himg{margin-inline:20px}
  .home-page .stats .stat{display:block;text-align:center;padding-inline:4px}
  .home-page .stats .stat .si{margin:0 auto 6px}
  .home-page .ind-grid{grid-auto-columns:86vw}
  .home-page .proc-steps{grid-auto-columns:84vw}
  .home-page .story-body{grid-template-columns:1fr}
}

/* Final responsive corrections from visual QA.
   Keep the five-channel story compact on landscape tablets, prevent the old
   ultra-wide scale token from enlarging secondary content forever, and retain
   a genuinely two-column mobile footer. */
@media(min-width:901px) and (max-width:1180px){
  .home-page .flow{
    min-height:0;
    padding:36px 0 30px;
  }
  .home-page .flow-steps,
  .home-page .bubbles{
    grid-template-columns:repeat(5,minmax(0,1fr)) !important;
    gap:8px;
  }
  .home-page .flow h2{margin-bottom:24px}
  .home-page .fstep{padding-inline:4px}
  .home-page .fstep .fh{gap:7px}
  .home-page .fstep .fh .ic{width:38px;height:38px}
  .home-page .fstep .fh b{font-size:12px}
  .home-page .fstep .fh small{font-size:9.5px}
  .home-page .bubble.flow-card{
    min-height:185px;
    padding:10px;
    font-size:10px;
  }
  .home-page .bcol:nth-child(4) .bubble{min-height:84px}
}

@media(min-width:1921px){
  .home-page{
    --wide-scale:1.25;
    --rail:157.5px;
  }
}

@media(max-width:520px){
  body.home-page footer.site .foot-top{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
}

/* ==========================================================================
   SG TYPOGRAPHY RHYTHM — v36
   Based on the proven Dolphlink SGPage type system: Space Grotesk 600 for
   display hierarchy, Inter for reading, bounded line lengths, and calmer
   line-height/spacing ratios. Content, imagery, and the Talktide palette stay
   unchanged.
   ========================================================================== */
.home-page h1,
.home-page h2,
.home-page h3{
  font-weight:600;
  letter-spacing:-.015em;
  text-wrap:balance;
}
.home-page p,
.home-page li,
.home-page .lead{
  text-wrap:pretty;
}
.home-page .features-stack .feat .fintro,
.home-page .features-stack .feat .flist{
  max-width:560px;
}
.home-page .features-stack .fi b{
  line-height:1.35;
}
.home-page .features-stack .fi p{
  line-height:1.55;
}

@media(min-width:1181px){
  .home-page{
    --story-h:clamp(250px,18vw,300px);
  }
  .home-page .hero{
    grid-template-columns:46% 54%;
  }
  .home-page .hero .hcopy{
    padding-left:clamp(36px,3.1vw,50px);
    padding-right:clamp(36px,3.1vw,50px);
  }
  .home-page .hero h1{
    max-width:620px;
    margin:16px 0 20px;
    font-size:clamp(48px,3.3vw,50px);
    font-weight:600;
    line-height:1.14;
    letter-spacing:-.015em;
  }
  .home-page .hero p.lead{
    max-width:560px;
    margin-bottom:28px;
    font-size:15px;
    line-height:1.55;
  }
  .home-page .features-stack .feat h2{
    max-width:520px;
    margin-bottom:14px;
    font-size:32px;
    font-weight:600;
    line-height:1.22;
  }
  .home-page .features-stack .feat .fintro{
    margin-bottom:20px;
    font-size:15px;
    line-height:1.55;
  }
  .home-page .features-stack .flist{gap:13px}
  .home-page .features-stack .flist .fi b{font-size:14px}
  .home-page .features-stack .flist .fi p{font-size:13px}
  .home-page .flow h2,
  .home-page .inds h2,
  .home-page .proc h2{
    font-size:32px;
    font-weight:600;
    line-height:1.22;
    letter-spacing:-.015em;
  }
  .home-page .ind h3{
    font-size:20px;
    font-weight:600;
    line-height:1.28;
  }
  .home-page .pstep h3{
    font-size:16px;
    line-height:1.35;
  }
  .home-page .pstep p,
  .home-page .pstep li{
    font-size:13px;
    line-height:1.55;
  }
  .home-page .story-grid .simg .sov h3{
    font-size:20px;
    font-weight:600;
    line-height:1.25;
  }
  .home-page .scol li,
  .home-page .quote p{
    font-size:12.5px;
    line-height:1.55;
  }
  .home-page .story-body{align-content:center}
  .home-page .cta h2{
    max-width:460px;
    font-size:32px;
    font-weight:600;
    line-height:1.14;
  }
  .home-page .cta p{
    max-width:470px;
    font-size:14px;
    line-height:1.55;
  }
  .home-page .fcol h4,
  .home-page .foff b{font-size:11px}
  .home-page .fcol a,
  .home-page .foff p{
    font-size:11.5px;
    line-height:1.45;
  }
}

@media(min-width:901px) and (max-width:1180px){
  .home-page .hero{
    grid-template-columns:45% 55%;
  }
  .home-page .hero .hcopy{padding:34px 30px}
  .home-page .hero h1{
    max-width:520px;
    margin:16px 0 20px;
    font-size:46px;
    font-weight:600;
    line-height:1.14;
    letter-spacing:-.015em;
  }
  .home-page .hero p.lead{
    max-width:500px;
    margin-bottom:22px;
    font-size:15px;
    line-height:1.55;
  }
  .home-page .features-stack .feat h2{
    font-size:30px;
    font-weight:600;
    line-height:1.22;
  }
  .home-page .features-stack .feat .fintro{
    font-size:14.5px;
    line-height:1.55;
  }
  .home-page .features-stack .flist .fi p{font-size:13px}
  .home-page .flow h2,
  .home-page .inds h2,
  .home-page .proc h2{
    font-size:30px;
    font-weight:600;
    line-height:1.22;
  }
  .home-page .story{
    height:auto;
    min-height:300px;
  }
  .home-page .story .wrap,
  .home-page .story-grid{
    height:auto;
    min-height:300px;
  }
  .home-page .story-grid .simg img{height:100%;min-height:300px}
  .home-page .scol li,
  .home-page .quote p{
    font-size:12px;
    line-height:1.55;
  }
  .home-page .cta h2{
    font-size:30px;
    font-weight:600;
    line-height:1.16;
  }
  .home-page .fcol a,
  .home-page .foff p{
    font-size:11px;
    line-height:1.45;
  }
}

@media(max-width:900px){
  .home-page .hero h1{
    max-width:620px;
    font-size:clamp(30px,6.25vw,48px);
    font-weight:600;
    line-height:1.14;
    letter-spacing:-.015em;
  }
  .home-page .hero p.lead{
    max-width:620px;
    font-size:14.5px;
    line-height:1.58;
  }
  .home-page .features-stack .feat h2{
    max-width:560px;
    font-size:clamp(27px,4.2vw,32px);
    font-weight:600;
    line-height:1.22;
  }
  .home-page .features-stack .feat .fintro{
    font-size:14px;
    line-height:1.58;
  }
  .home-page .features-stack .flist .fi b{font-size:14px}
  .home-page .features-stack .flist .fi p{font-size:13px}
  .home-page .flow h2,
  .home-page .inds h2,
  .home-page .proc h2{
    font-size:26px;
    font-weight:600;
    line-height:1.22;
  }
  .home-page .ind h3{
    font-size:19px;
    font-weight:600;
    line-height:1.28;
  }
  .home-page .story-grid .simg .sov h3{
    font-weight:600;
    line-height:1.25;
  }
  .home-page .scol li,
  .home-page .quote p{
    font-size:12.5px;
    line-height:1.55;
  }
  .home-page .cmpl b{font-size:11.5px;line-height:1.35}
  .home-page .cmpl p{font-size:10.5px;line-height:1.5}
  .home-page .cta h2{
    max-width:520px;
    font-size:30px;
    font-weight:600;
    line-height:1.15;
  }
  .home-page .cta p{
    max-width:560px;
    font-size:14px;
    line-height:1.58;
  }
  .home-page .fcol h4,
  .home-page .foff b{font-size:11px}
  .home-page .fcol a,
  .home-page .foff p{
    font-size:11.5px;
    line-height:1.5;
  }
}

@media(max-width:430px){
  .home-page .hero h1{font-size:30px}
  .home-page .features-stack .feat h2{font-size:27px}
  .home-page .cta h2{font-size:29px}
}

/* v39 — readable, complete customer logo wall */
.home-page .trust{
  height:auto;
  min-height:0;
  padding:24px 0 26px;
  background:#f6faf7;
}
.home-page .trust .wrap{
  width:100%;
  max-width:1240px;
  padding-inline:32px;
}
.home-page .trust .tt{
  margin:0 0 18px;
  color:#52645a;
  font-size:14px;
  font-weight:500;
  line-height:1.4;
  text-align:center;
}
.home-page .trust .logos{
  display:grid;
  grid-template-columns:repeat(6,minmax(0,1fr));
  align-items:center;
  justify-items:center;
  gap:12px 18px;
  overflow:visible;
  padding:0;
}
.home-page .trust .logos img{
  display:block;
  width:100%;
  max-width:146px;
  height:auto;
  min-width:0;
  object-fit:contain;
  opacity:1;
}
.home-page .trust .logos .lsep{display:none}

@media(min-width:1181px){
  .home-page{--trust-h:226px}
  .home-page .trust{
    height:var(--trust-h);
    min-height:var(--trust-h);
  }
}
@media(max-width:900px){
  .home-page .trust .wrap{padding-inline:24px}
  .home-page .trust .logos{
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:10px 14px;
  }
  .home-page .trust .logos img{max-width:138px}
}
@media(max-width:560px){
  .home-page .trust{padding:20px 0 22px}
  .home-page .trust .wrap{padding-inline:16px}
  .home-page .trust .tt{
    margin-bottom:14px;
    font-size:12px;
    text-align:center;
  }
  .home-page .trust .logos{
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:8px;
  }
}

/* v40 — Dolphlink-aligned, human-readable typography system
   Core reading text never drops below 14px; supporting labels use 12.5–13px. */
.home-page{
  --type-micro:12.5px;
  --type-caption:13px;
  --type-body:14px;
  --type-body-lg:15px;
  --type-card-title:18px;
  --type-section:32px;
  font-size:16px;
  line-height:1.6;
}
.home-page .eyebrow,
.home-page .sec-num{font-size:var(--type-micro);line-height:1.45}
.home-page header.site nav a{font-size:14px}
.home-page .clocks .ck span{font-size:11.5px;line-height:1.3}
.home-page .clocks .ck b{font-size:16px;line-height:1.2}
.home-page .msg-card b{font-size:14px;line-height:1.35}
.home-page .msg-card span{font-size:12.5px;line-height:1.45}

.home-page .trust .tt{font-size:14px;line-height:1.45}
.home-page .stats .stat span{font-size:14px;line-height:1.45}

.home-page .features-stack .feat h2,
.home-page .flow h2,
.home-page .inds h2,
.home-page .proc h2{font-size:var(--type-section);line-height:1.22}
.home-page .features-stack .feat .fintro{font-size:var(--type-body-lg);line-height:1.6}
.home-page .features-stack .flist .fi b{font-size:15px;line-height:1.4}
.home-page .features-stack .flist .fi p{font-size:var(--type-body);line-height:1.6}
.home-page .features-stack .chip b{font-size:14px;line-height:1.35}
.home-page .features-stack .chip span{font-size:12.5px;line-height:1.45}

.home-page .fstep .fh b{font-size:14px;line-height:1.4}
.home-page .fstep .fh small{font-size:13px;line-height:1.5}
.home-page .btime{font-size:12px;line-height:1.4}
.home-page .bubble{font-size:13.5px;line-height:1.55}
.home-page .mini-action{font-size:12.5px;line-height:1.4}

.home-page .ind .lbl{font-size:12.5px;line-height:1.4}
.home-page .ind h3{font-size:20px;line-height:1.3}
.home-page .ind p{font-size:var(--type-body);line-height:1.6}
.home-page .ind .learn{font-size:13.5px;line-height:1.45}

.home-page .pstep .pn{font-size:13px;line-height:1}
.home-page .pstep h3{font-size:18px;line-height:1.35}
.home-page .pstep>p,
.home-page .pstep li{font-size:var(--type-body);line-height:1.6}
.home-page .psup b{font-size:14px;line-height:1.4}
.home-page .psup p{font-size:13.5px;line-height:1.55}

.home-page .story-grid .simg .sov .lbl{font-size:12.5px;line-height:1.4}
.home-page .story-grid .simg .sov h3{font-size:22px;line-height:1.28}
.home-page .story-grid .simg .sov a{font-size:12.5px;line-height:1.45}
.home-page .scol h4{font-size:12.5px;line-height:1.4}
.home-page .scol li,
.home-page .quote p{font-size:var(--type-body);line-height:1.6}
.home-page .quote .qa,
.home-page .quote .qa b{font-size:12.5px;line-height:1.45}

.home-page .compl h2{font-size:28px;line-height:1.25}
.home-page .cmpl b{font-size:14px;line-height:1.4}
.home-page .cmpl p{font-size:13.5px;line-height:1.55}

.home-page .cta h2{font-size:32px;line-height:1.18}
.home-page .cta p{font-size:15px;line-height:1.6}
.home-page .cta .btn{font-size:14px;line-height:1.4}

.home-page footer.site .foff b,
.home-page footer.site .fcol h4{font-size:13px;line-height:1.4}
.home-page footer.site .foff,
.home-page footer.site .foff p,
.home-page footer.site .foff a,
.home-page footer.site .fcol a,
.home-page footer.site .foffice p,
.home-page footer.site .foffice a{font-size:14px;line-height:1.55}
.home-page footer.site .foot-bottom{font-size:12.5px;line-height:1.5}

.home-page .flow,
.home-page .inds,
.home-page .proc,
.home-page .story,
.home-page .compl,
.home-page .cta,
.home-page footer.site{height:auto;overflow:visible}
.home-page .flow{min-height:540px}
.home-page .inds{min-height:690px}
.home-page .proc{min-height:470px}
.home-page .story{min-height:360px}
.home-page .compl{min-height:190px}
.home-page .cta{min-height:330px}
.home-page footer.site{min-height:350px}

@media(max-width:1180px){
  .home-page{
    --type-section:30px;
    --type-card-title:18px;
  }
  .home-page .flow,
  .home-page .inds,
  .home-page .proc,
  .home-page .story,
  .home-page .compl,
  .home-page .cta,
  .home-page footer.site{min-height:0}
}
@media(max-width:560px){
  .home-page{
    --type-body:14px;
    --type-body-lg:15px;
    --type-section:28px;
  }
  .home-page .clocks .ck span{font-size:10.5px}
  .home-page .clocks .ck b{font-size:14px}
  .home-page .msg-card b{font-size:13px}
  .home-page .msg-card span{font-size:11.5px}
  .home-page .stats .stat span{font-size:12.5px}
  .home-page .story-grid .simg .sov h3{font-size:21px}
  .home-page .compl h2{font-size:26px}
  .home-page .cta h2{font-size:29px}
}

/* Inner-page footer typography — keep the shared site chrome on the same
   readable scale as the homepage. Earlier reference-lock rules compressed
   these links to 6.5–10px at desktop widths. */
body:not(.home-page) footer.site{
  height:auto;
  min-height:350px;
  padding:42px 0 24px;
  overflow:visible;
}
body:not(.home-page) footer.site .wrap{height:auto}
body:not(.home-page) footer.site .foot-top{
  height:auto;
  grid-template-columns:1.35fr .85fr 1.1fr .85fr 1.15fr !important;
  gap:32px;
  align-items:start;
}
body:not(.home-page) footer.site .foot-brand .fb{
  font-size:18px;
  line-height:1.35;
  margin-bottom:12px;
}
body:not(.home-page) footer.site .foot-brand .fb .m{
  width:28px;
  height:28px;
  font-size:15px;
}
body:not(.home-page) footer.site .foot-brand>p.foff{
  display:block;
  max-width:250px !important;
  font-size:14px;
  line-height:1.55;
}
body:not(.home-page) footer.site .foot-social{
  gap:8px;
  margin-top:12px;
}
body:not(.home-page) footer.site .foot-social a{
  width:30px;
  height:30px;
  border-radius:7px;
}
body:not(.home-page) footer.site .foff b,
body:not(.home-page) footer.site .fcol h4{
  font-size:13px;
  line-height:1.4;
  margin-bottom:8px;
}
body:not(.home-page) footer.site .fcol{
  display:flex;
  flex-direction:column;
  gap:3px;
  height:auto;
}
body:not(.home-page) footer.site .foff,
body:not(.home-page) footer.site .foff p,
body:not(.home-page) footer.site .foff a,
body:not(.home-page) footer.site .fcol a{
  font-size:14px;
  line-height:1.55;
}
body:not(.home-page) footer.site .foot-bottom{
  margin-top:22px;
  padding-top:16px;
  font-size:12.5px;
  line-height:1.5;
}

@media(max-width:860px){
  body:not(.home-page) footer.site{
    min-height:0;
    padding:36px 0 22px;
  }
  body:not(.home-page) footer.site .foot-top{
    grid-template-columns:1fr 1fr !important;
    gap:28px 24px;
  }
}

/* ==========================================================================
   HERO BALANCE + OFFICIAL BRAND ALIGNMENT — v64
   Brings the message panel farther into the composition, optically centres the
   official wordmark, and keeps the green rail continuous through proof.
   ========================================================================== */
@media(min-width:861px){
  .home-page .rail{
    height:calc(clamp(600px,52vw,760px) + 322px);
  }

  .home-page header.site .brand{
    top:0;
    bottom:0;
    height:auto;
    transform:none;
    display:flex;
    align-items:center;
  }

  .home-page header.site .brand img{
    top:50%;
    transform:translateY(-50%);
  }
}

@media(min-width:1181px){
  .home-page .hero-stage{
    --hero-copy-w:clamp(760px,56vw,1080px);
  }

  .home-page .hero-stage .hero .hcopy{
    padding-right:clamp(38px,3.5vw,64px);
    padding-left:clamp(32px,2.5vw,48px);
  }
}

@media(min-width:861px) and (max-width:1180px){
  .home-page .hero-stage{
    --hero-copy-w:clamp(620px,62vw,700px);
  }

  .home-page .hero-stage .hero .hcopy{
    padding-right:clamp(30px,3.8vw,46px);
    padding-left:clamp(30px,3.8vw,46px);
  }
}

/* V65 WHOLE OFFICIAL LOCKUP + VIDEO-ALIGNED RAIL */
@media(min-width:861px){
  .home-page header.site{
    height:72px;
    min-height:72px;
  }

  .home-page header.site .brand{
    top:0;
    bottom:0;
    left:calc(clamp(18px,1.5vw,28px) - var(--rail));
    width:clamp(218px,18vw,250px);
    height:72px;
    overflow:visible;
    transform:none;
    display:flex;
    align-items:center;
  }

  .home-page header.site .brand img{
    position:static;
    display:block;
    width:100%;
    height:auto;
    transform:none;
  }

  .home-page .rail{
    top:72px;
    padding-top:24px;
  }

  .home-page .rail-brand{
    display:none;
  }
}

@media(min-width:1181px){
  .home-page .rail{
    height:calc(clamp(600px,52vw,760px) + 126px) !important;
  }

  .home-page .hero-stage{
    --hero-copy-w:clamp(760px,56vw,1500px);
  }
}

@media(min-width:861px) and (max-width:1180px){
  .home-page header.site .brand{
    left:18px !important;
  }

  .home-page .rail{
    height:calc(clamp(600px,52vw,760px) + 118px) !important;
  }
}

@media(max-width:520px){
  body:not(.home-page) footer.site .foot-top{
    grid-template-columns:1fr !important;
  }
}

/* ==========================================================================
   FULL-WIDTH CAPABILITY ROTATOR — v42
   Adapts Dolphlink SG's 3D rotating-panel interaction to the three MY/ID
   capability stories. Each desktop face keeps image left and copy right.
   ========================================================================== */
.home-page .feature-rotator{
  --feature-height:clamp(460px,31.25vw,620px);
  --feature-depth:calc((100vw - var(--rail)) / 3.464);
  position:relative;
  min-height:0;
  height:auto;
  padding:0 0 28px;
  overflow:hidden;
  background:#fff;
}
.home-page .feature-rotator-stage{
  position:relative;
  width:100%;
  height:var(--feature-height);
  perspective:clamp(3000px,220vw,5400px);
  touch-action:pan-y pinch-zoom;
  user-select:none;
  -webkit-user-select:none;
}
.home-page .feature-rotator .features-list{
  position:relative;
  width:100%;
  height:var(--feature-height);
  transform-style:preserve-3d;
  transform:translateZ(calc(0px - var(--feature-depth))) rotateY(var(--feature-angle,0deg));
  transition:none;
  will-change:transform;
  cursor:pointer;
  outline:none;
}
.home-page .feature-rotator .features-list:focus-visible{
  outline:3px solid rgba(30,145,72,.38);
  outline-offset:-5px;
}
.home-page .feature-rotator .feature-face{
  position:absolute;
  inset:0;
  width:100%;
  height:var(--feature-height);
  min-height:0;
  display:grid;
  grid-template-columns:minmax(0,52%) minmax(0,48%);
  align-items:stretch;
  overflow:hidden;
  background:#fff;
  border-block:1px solid var(--line);
  backface-visibility:hidden;
  -webkit-backface-visibility:hidden;
  box-shadow:0 22px 54px rgba(12,67,35,.14);
}
.home-page .feature-rotator .feature-face-1{
  transform:rotateY(0deg) translateZ(var(--feature-depth));
}
.home-page .feature-rotator .feature-face-2{
  transform:rotateY(120deg) translateZ(var(--feature-depth));
}
.home-page .feature-rotator .feature-face-3{
  transform:rotateY(240deg) translateZ(var(--feature-depth));
}
.home-page .feature-rotator .feature-face .fimg,
.home-page .feature-rotator .feature-face .fimg img{
  width:100%;
  height:var(--feature-height);
  min-height:0;
}
.home-page .feature-rotator .feature-face .fimg{
  grid-column:1;
  grid-row:1;
  overflow:hidden;
}
.home-page .feature-rotator .feature-face .fimg img{
  display:block;
  object-fit:cover;
  object-position:center;
}
.home-page .feature-rotator .feature-face .fcopy,
.home-page .feature-rotator .feature-face.rev .fcopy{
  grid-column:2;
  grid-row:1;
  order:0;
  align-self:stretch;
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:clamp(38px,4.4vw,72px) clamp(42px,6.2vw,96px);
  background:linear-gradient(90deg,#fff 0%,#fff 84%,#f7fbf8 100%);
}
.home-page .feature-rotator .feature-face .fcopy::before{
  content:"";
  position:absolute;
  top:0;
  bottom:0;
  left:52%;
  width:70px;
  transform:translateX(-100%);
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.95));
  pointer-events:none;
}
.home-page .feature-rotator .feature-face h2{
  max-width:560px;
  font-size:clamp(30px,2.35vw,38px);
  line-height:1.16;
}
.home-page .feature-rotator .feature-face .fintro{max-width:560px}
.home-page .feature-rotator .feature-face .flist{max-width:570px}
.home-page .feature-swipe-surface{
  position:absolute;
  inset:0;
  z-index:10;
  display:none;
  touch-action:pan-y pinch-zoom;
}
.home-page .feature-rotator-controls{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:18px;
  margin-top:20px;
}
.home-page .feature-dots{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:12px;
}
.home-page .feature-dot{
  position:relative;
  width:11px;
  height:11px;
  padding:0;
  border:0;
  border-radius:50%;
  background:#c8d8cd;
  cursor:pointer;
  transition:transform .24s ease,background .24s ease;
}
.home-page .feature-dot::before{
  content:"";
  position:absolute;
  inset:-11px;
  border-radius:50%;
}
.home-page .feature-dot:hover{background:#87b897}
.home-page .feature-dot.active{
  background:var(--g);
  transform:scale(1.35);
}
.home-page .feature-arrow{
  width:40px;
  height:40px;
  display:grid;
  place-items:center;
  padding:0;
  border:1px solid #cfe1d5;
  border-radius:50%;
  background:#fff;
  color:var(--g-d);
  font-size:18px;
  cursor:pointer;
  transition:background .2s ease,color .2s ease,border-color .2s ease,transform .2s ease;
}
.home-page .feature-arrow:hover{
  background:var(--g);
  color:#fff;
  border-color:var(--g);
  transform:translateY(-1px);
}
.home-page .feature-arrow:focus-visible,
.home-page .feature-dot:focus-visible{
  outline:3px solid rgba(30,145,72,.3);
  outline-offset:3px;
}
.home-page .feature-rotator-hint{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  margin:10px 0 0;
  color:#66736a;
  font-size:12.5px;
  line-height:1.5;
}
.home-page .feature-rotator-hint::before{
  content:"";
  width:8px;
  height:8px;
  flex:none;
  border-radius:50%;
  background:#22a951;
  box-shadow:0 0 0 0 rgba(34,169,81,.42);
  animation:featureLivePulse 1.8s ease-out infinite;
}
.home-page .feature-rotator-hint.paused::before{
  background:#d69a2d;
  animation:none;
}
@keyframes featureLivePulse{
  0%{box-shadow:0 0 0 0 rgba(34,169,81,.42)}
  70%{box-shadow:0 0 0 8px rgba(34,169,81,0)}
  100%{box-shadow:0 0 0 0 rgba(34,169,81,0)}
}

@media(max-width:860px){
  .home-page .feature-rotator{
    --feature-height:500px;
    --feature-depth:calc(100vw / 3.464);
  }
  .home-page .feature-rotator .feature-face{
    grid-template-columns:minmax(0,50%) minmax(0,50%);
  }
  .home-page .feature-rotator .feature-face .fcopy,
  .home-page .feature-rotator .feature-face.rev .fcopy{
    padding:32px 28px;
  }
  .home-page .feature-rotator .feature-face .fcopy::before{left:50%}
  .home-page .feature-rotator .feature-face h2{font-size:28px}
  .home-page .feature-swipe-surface{display:block}
}

@media(min-width:861px) and (max-width:1180px){
  .home-page .feature-rotator{--feature-depth:calc(100vw / 3.464)}
}

@media(max-width:640px){
  .home-page .feature-rotator{
    --feature-height:690px;
    padding-bottom:24px;
  }
  .home-page .feature-rotator .feature-face{
    grid-template-columns:1fr;
    grid-template-rows:240px minmax(0,1fr);
  }
  .home-page .feature-rotator .feature-face .fimg,
  .home-page .feature-rotator .feature-face .fimg img{
    grid-column:1;
    grid-row:1;
    height:240px;
  }
  .home-page .feature-rotator .feature-face .fcopy,
  .home-page .feature-rotator .feature-face.rev .fcopy{
    grid-column:1;
    grid-row:2;
    padding:24px 22px 28px;
    justify-content:flex-start;
    background:#fff;
  }
  .home-page .feature-rotator .feature-face .fcopy::before{
    top:200px;
    right:0;
    bottom:auto;
    left:0;
    width:auto;
    height:40px;
    transform:none;
    background:linear-gradient(180deg,transparent,#fff);
  }
  .home-page .feature-rotator .feature-face h2{
    font-size:26px;
    margin-bottom:12px;
  }
  .home-page .feature-rotator .feature-face .fintro{
    margin-bottom:14px;
    font-size:14px;
    line-height:1.55;
  }
  .home-page .feature-rotator .feature-face .flist{gap:9px}
  .home-page .feature-rotator .feature-face .flist .fi{gap:10px}
  .home-page .feature-rotator .feature-face .flist .fi b{font-size:13.5px}
  .home-page .feature-rotator .feature-face .flist .fi p{font-size:13px;line-height:1.45}
  .home-page .feature-rotator .feature-face .chip{
    left:14px !important;
    right:14px;
    width:auto;
    max-width:340px;
  }
  .home-page .feature-rotator-controls{margin-top:16px}
  .home-page .feature-arrow{width:44px;height:44px}
  .home-page .feature-rotator-hint{font-size:12px}
}

@media(prefers-reduced-motion:reduce){
  .home-page .feature-rotator-hint::before{animation:none}
}

/* ==========================================================================
   HERO v44 — Dolphlink-style full video field with a right-side brand panel.
   The moving image owns every part of the hero except the green copy panel.
   ========================================================================== */
@media(min-width:901px){
  .home-page .hero{
    --hero-panel-w:clamp(410px,38%,520px);
    position:relative;
    display:block;
    overflow:hidden;
    isolation:isolate;
    padding:0;
    background:#0a2115;
  }
  .home-page .hero .himg{
    position:absolute;
    inset:0;
    z-index:1;
    width:100%;
    height:100%;
    min-height:100%;
    margin:0;
    overflow:hidden;
    border:0;
    border-radius:0;
    box-shadow:none;
    background:#0a2115;
  }
  .home-page .hero .himg>:is(img,video){
    position:absolute;
    inset:0 auto 0 0;
    width:calc(100% - var(--hero-panel-w));
    height:100%;
    object-fit:cover;
    object-position:68% center;
  }
  .home-page .hero .himg::after{
    content:"";
    position:absolute;
    inset:0 var(--hero-panel-w) 0 0;
    z-index:2;
    pointer-events:none;
    background:
      linear-gradient(180deg,rgba(7,25,16,.18),transparent 28%,transparent 68%,rgba(7,25,16,.22)),
      linear-gradient(90deg,rgba(7,25,16,.08),transparent 26%);
  }
  .home-page .hero .hcopy{
    position:absolute;
    inset:0 0 0 auto;
    z-index:5;
    width:var(--hero-panel-w);
    min-width:0;
    padding:clamp(42px,4vw,64px) clamp(34px,3.3vw,52px);
    display:flex;
    flex-direction:column;
    justify-content:center;
    background:linear-gradient(145deg,#238b48 0%,#176d39 100%);
    color:#fff;
    box-shadow:-22px 0 48px rgba(7,39,21,.18);
  }
  .home-page .hero .eyebrow{color:#d9f7e5}
  .home-page .hero .eyebrow::before{color:#fff}
  .home-page .hero h1{
    max-width:430px;
    margin:16px 0 20px;
    color:#fff;
    font-size:clamp(42px,3.35vw,54px);
    font-weight:600;
    line-height:1.08;
    letter-spacing:-.025em;
  }
  .home-page .hero p.lead{
    max-width:430px;
    margin-bottom:28px;
    color:rgba(255,255,255,.9);
    font-size:15px;
    line-height:1.6;
  }
  .home-page .hero .btn-primary{
    border-color:#fff;
    background:#fff;
    color:#176d39;
    box-shadow:0 12px 26px rgba(8,46,25,.2);
  }
  .home-page .hero .btn-primary:hover{
    border-color:#eef8f2;
    background:#eef8f2;
    color:#14432a;
  }
  .home-page .hero .cta-row .btn-ghost{
    color:#fff;
    border-color:transparent;
  }
  .home-page .hero .cta-row .btn-ghost:hover{color:#fff}
  .home-page .clocks{
    top:24px !important;
    left:24px;
    right:calc(var(--hero-panel-w) + 24px);
    z-index:4;
    width:auto;
    min-height:0;
    padding:10px 8px !important;
    border-radius:10px;
    background:rgba(10,32,21,.7);
    backdrop-filter:blur(8px);
  }
  .home-page .msg-card{
    left:28px;
    right:auto;
    bottom:28px;
    z-index:4;
    max-width:calc(100% - var(--hero-panel-w) - 56px);
    background:rgba(10,46,27,.82);
    backdrop-filter:blur(8px);
  }
}

@media(min-width:901px) and (max-width:1180px){
  .home-page .hero{--hero-panel-w:clamp(390px,40vw,440px)}
  .home-page .hero .hcopy{padding:38px 32px}
  .home-page .hero h1{font-size:clamp(39px,4.2vw,47px)}
  .home-page .hero p.lead{font-size:14.5px;line-height:1.55}
}

@media(max-width:900px){
  .home-page .hero{
    display:grid;
    grid-template-columns:1fr;
    background:#176d39;
  }
  .home-page .hero .himg{
    position:relative;
    inset:auto;
    order:1;
    width:100%;
    height:clamp(280px,64vw,420px);
    min-height:clamp(280px,64vw,420px);
    margin:0;
    border-radius:0;
    box-shadow:none;
  }
  .home-page .hero .himg>:is(img,video){
    width:100%;
    height:100%;
    object-position:68% center;
  }
  .home-page .hero .hcopy{
    position:relative;
    order:2;
    width:100%;
    padding:34px 24px 38px;
    background:linear-gradient(145deg,#238b48 0%,#176d39 100%);
    color:#fff;
  }
  .home-page .hero .eyebrow{color:#d9f7e5}
  .home-page .hero .eyebrow::before{color:#fff}
  .home-page .hero h1{color:#fff}
  .home-page .hero p.lead{color:rgba(255,255,255,.9)}
  .home-page .hero .btn-primary{
    border-color:#fff;
    background:#fff;
    color:#176d39;
  }
  .home-page .hero .cta-row .btn-ghost{color:#fff}
  .home-page .clocks{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    top:14px !important;
    left:14px;
    right:14px;
    width:auto;
    min-height:54px;
    padding:7px 4px !important;
    border-radius:9px;
    background:rgba(10,32,21,.7);
    backdrop-filter:blur(8px);
  }
  .home-page .clocks .ck{min-width:0;padding:2px 3px}
  .home-page .clocks .ck span{font-size:9px;letter-spacing:.045em}
  .home-page .clocks .ck b{font-size:13px}
  .home-page .msg-card{left:14px;bottom:14px}
}

/* ==========================================================================
   UX/UI CONTINUOUS OPTIMIZATION — ROUNDS 01–05
   ========================================================================== */
/* Round 01: make the primary navigation easier to scan and operate. */
.home-page header.site{
  box-shadow:0 1px 0 rgba(20,67,42,.08),0 8px 24px rgba(20,67,42,.04);
}
.home-page header.site nav a{
  position:relative;
  padding-block:23px;
  color:#26362d;
  transition:color .18s ease;
}
.home-page header.site nav a::after{
  content:"";
  position:absolute;
  right:0;
  bottom:14px;
  left:0;
  height:2px;
  border-radius:2px;
  background:var(--g);
  transform:scaleX(0);
  transform-origin:center;
  transition:transform .18s ease;
}
.home-page header.site nav a:hover,
.home-page header.site nav a:focus-visible{color:var(--g-d)}
.home-page header.site nav a:hover::after,
.home-page header.site nav a:focus-visible::after{transform:scaleX(1)}

/* Round 02: strengthen the Hero conversion hierarchy inside the green panel. */
@media(min-width:901px){
  .home-page .hero .hcopy{padding-top:52px;padding-bottom:52px}
  .home-page .hero .cta-row{display:grid;grid-template-columns:1fr;gap:10px;max-width:230px}
  .home-page .hero .cta-row .btn{width:100%;justify-content:space-between}
  .home-page .hero .cta-row .btn-ghost{
    padding:12px 16px;
    border:1px solid rgba(255,255,255,.48);
    border-radius:9px;
    text-decoration:none;
  }
  .home-page .hero .cta-row .btn-ghost:hover{
    border-color:#fff;
    background:rgba(255,255,255,.1);
    text-decoration:none;
  }
}

/* Round 03: remove the trust-wall overflow that pulled its title into the Hero. */
.home-page .trust{
  display:block;
  align-items:initial;
}
.home-page .trust .wrap{display:block}
.home-page .trust .tt{position:static;transform:none}

/* Round 04: give all 12 customer marks a consistent, readable visual slot. */
.home-page .trust .logos{
  grid-auto-rows:64px;
  gap:10px 16px;
}
.home-page .trust .logos img{
  width:auto;
  max-width:120px;
  max-height:48px;
}

/* Round 05: improve the scan hierarchy of the proof metrics. */
.home-page .stats .wrap{padding-top:24px;padding-bottom:24px}
.home-page .stats .stat{gap:14px}
.home-page .stats .stat .si{
  width:42px;
  height:42px;
  border-radius:50%;
  background:#e8f6ed;
  color:var(--g-d);
}
.home-page .stats .stat b{
  font-size:34px;
  line-height:1;
  letter-spacing:-.025em;
}
.home-page .stats .stat span{
  margin-top:5px;
  color:#53655b;
  font-size:13.5px;
}

/* ==========================================================================
   UX/UI CONTINUOUS OPTIMIZATION — ROUNDS 06–10
   ========================================================================== */
/* Round 06: make carousel controls feel like an intentional primary component. */
.home-page .feature-rotator-controls{
  gap:14px;
  margin-top:18px;
}
.home-page .feature-arrow{
  width:44px;
  height:44px;
  border-color:#cfe4d6;
  background:#fff;
  color:var(--g-d);
  box-shadow:0 6px 18px rgba(20,67,42,.08);
}
.home-page .feature-arrow:hover,
.home-page .feature-arrow:focus-visible{
  border-color:var(--g);
  background:#eef8f2;
  transform:translateY(-1px);
}
.home-page .feature-dot{width:11px;height:11px}

/* Round 07: expose carousel progress without adding visual noise. */
.home-page .feature-dot[aria-current="true"]{
  width:30px;
  border-radius:999px;
  background:linear-gradient(90deg,var(--g) 0 70%,#bcdcc7 70% 100%);
  box-shadow:none;
}
.home-page .feature-rotator-hint{
  margin-top:9px;
  color:#64746b;
  font-size:12.5px;
}

/* Round 08: remove the oversized empty band from the omnichannel story. */
.home-page .flow{
  min-height:0;
  padding:64px 0 70px;
  background:linear-gradient(180deg,#fff 0%,#f7fbf8 100%);
}
.home-page .flow h2{margin-bottom:34px}

/* Round 09: turn the five channel steps into one connected, scannable journey. */
@media(min-width:901px){
  .home-page .flow-steps{
    position:relative;
    gap:14px;
    padding:16px;
    border:1px solid var(--line);
    border-radius:16px;
    background:#fff;
    box-shadow:0 14px 34px rgba(20,67,42,.05);
  }
  .home-page .fstep{
    position:relative;
    z-index:1;
    min-width:0;
    padding:6px 8px;
  }
  .home-page .fstep .fh{align-items:center}
  .home-page .fstep .fh .ic{
    width:38px;
    height:38px;
    border-color:#cfe7d7;
    background:#eef8f2;
  }
  .home-page .bubbles{gap:14px;margin-top:18px}
  .home-page .bubble.flow-card,
  .home-page .bubble{
    border-color:#dfece4;
    border-radius:12px;
    box-shadow:0 8px 20px rgba(20,67,42,.04);
  }
}

/* Round 10: tighten industry discovery and strengthen card affordance. */
.home-page .inds{
  min-height:0;
  padding:68px 0 74px;
  background:#fff;
}
.home-page .inds .subline{margin-bottom:24px}
.home-page .ind{
  overflow:hidden;
  border-color:#dce9e0;
  border-radius:16px;
  box-shadow:0 10px 28px rgba(20,67,42,.05);
  transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease;
}
.home-page .ind:hover,
.home-page .ind:focus-visible{
  border-color:#9dcfac;
  transform:translateY(-3px);
  box-shadow:0 18px 34px rgba(20,67,42,.1);
}
.home-page .ind .more{
  display:inline-flex;
  align-items:center;
  gap:6px;
  margin-top:auto;
  font-weight:700;
}

/* ==========================================================================
   UX/UI CONTINUOUS OPTIMIZATION — ROUNDS 11–15
   ========================================================================== */
/* Round 11: make the implementation process read as three deliberate phases. */
.home-page .proc{
  min-height:0;
  padding:68px 0 64px;
  background:#f1f8f3;
}
.home-page .proc h2{margin-bottom:30px}
.home-page .proc-steps{
  overflow:hidden;
  border:1px solid #d9e9de;
  border-radius:16px 16px 0 0;
  box-shadow:0 12px 30px rgba(20,67,42,.05);
}
.home-page .pstep{
  min-height:250px;
  padding:26px 96px 24px 26px;
  background:#fff;
}
.home-page .pstep::before{
  content:"";
  position:absolute;
  top:0;
  right:0;
  left:0;
  height:4px;
  background:var(--g);
  opacity:.78;
}
.home-page .pstep .pn{
  width:30px;
  height:30px;
  margin-bottom:14px;
  background:var(--g);
  color:#fff;
}
.home-page .pstep h3{margin-bottom:7px}
.home-page .proc-support{
  min-height:82px;
  border-color:#d9e9de;
  background:#e8f4ec;
}

/* Round 12: increase customer-story readability and evidence density. */
@media(min-width:901px){
  .home-page .story{height:auto;min-height:0;padding:70px 0}
  .home-page .story .wrap{height:auto}
  .home-page .story-grid{
    height:auto;
    grid-template-columns:minmax(320px,36%) 1fr;
    min-height:410px;
    overflow:hidden;
    border:1px solid var(--line);
    border-radius:16px;
    box-shadow:0 16px 38px rgba(20,67,42,.07);
  }
  .home-page .story-grid .simg,
  .home-page .story-grid .simg img{height:100%;min-height:410px}
  .home-page .story-body{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:0;
    padding:0;
    background:#fff;
  }
  .home-page .story-body .scol{padding:26px 28px;border-bottom:1px solid var(--line)}
  .home-page .story-body .scol:nth-child(odd){border-right:1px solid var(--line)}
  .home-page .story-body .scol:nth-last-child(-n+2){border-bottom:0}
  .home-page .story-body .quote{background:#f2f8f4}
  .home-page .story-body .quote .qm{color:var(--g);font-size:34px;line-height:.8}
}

/* Round 13: present compliance proof as four equally weighted trust cards. */
.home-page .compl{
  min-height:0;
  padding:58px 0 64px;
  background:#f4faf6;
}
.home-page .compl h2{margin-bottom:28px}
.home-page .compl-grid{gap:14px}
.home-page .cmpl{
  min-width:0;
  padding:20px;
  border:1px solid #dbe9df;
  border-radius:14px;
  background:#fff;
  box-shadow:0 8px 22px rgba(20,67,42,.04);
}
.home-page .cmpl .ic{
  width:38px;
  height:38px;
  border-radius:50%;
  background:#e9f6ed;
}
.home-page .cmpl b{margin-top:10px}

/* Round 14: clarify the closing conversion section and regional choice. */
@media(min-width:901px){
  .home-page .cta{grid-template-columns:44% 56%;min-height:390px}
  .home-page .cta .ccopy{padding:54px clamp(38px,4vw,64px)}
  .home-page .cta h2{max-width:520px;margin-bottom:18px;font-size:36px}
  .home-page .cta p{max-width:500px;margin-bottom:26px}
  .home-page .cta .cta-row{display:grid;grid-template-columns:1fr;gap:10px;max-width:250px}
  .home-page .cta .btn{width:100%;justify-content:space-between}
  .home-page .cta .cimg img{object-position:center 42%}
}

/* Round 15: improve footer scanning, link targets and office hierarchy. */
.home-page footer.site{min-height:0;padding:48px 0 24px}
.home-page footer.site .foot-top{
  grid-template-columns:1.35fr .9fr 1.15fr .9fr 1.35fr !important;
  gap:34px;
}
.home-page footer.site .fcol h4,
.home-page footer.site .foff b{
  margin-bottom:14px;
  color:#bfe8cc;
  letter-spacing:.08em;
}
.home-page footer.site .fcol a,
.home-page footer.site .foff a{
  display:inline-block;
  color:rgba(255,255,255,.78);
  text-underline-offset:3px;
  transition:color .16s ease,transform .16s ease;
}
.home-page footer.site .fcol a:hover,
.home-page footer.site .fcol a:focus-visible,
.home-page footer.site .foff a:hover,
.home-page footer.site .foff a:focus-visible{
  color:#fff;
  text-decoration:underline;
  transform:translateX(2px);
}
.home-page footer.site .foot-bottom{margin-top:30px;padding-top:18px}

/* ==========================================================================
   UX/UI CONTINUOUS OPTIMIZATION — ROUNDS 16–20
   ========================================================================== */
/* Round 16: make compact navigation a comfortable touch-first control. */
@media(max-width:900px){
  .home-page header.site{padding:10px 16px}
  .home-page header.site .brand{font-size:18px}
  .home-page header.site nav.open{
    display:grid;
    grid-template-columns:1fr;
    gap:2px;
    padding:10px 16px 16px;
  }
  .home-page header.site nav a{
    min-height:44px;
    padding:11px 12px;
    border-radius:8px;
    text-align:left;
  }
  .home-page header.site nav a::after{display:none}
  .home-page header.site nav a:hover,
  .home-page header.site nav a:focus-visible{background:#eef8f2}
}

/* Round 17: keep the mobile Hero message and both actions in the first journey. */
@media(max-width:560px){
  .home-page .hero .himg{
    height:240px;
    min-height:240px;
  }
  .home-page .hero .hcopy{padding:28px 20px 32px}
  .home-page .hero h1{
    margin:12px 0 14px;
    font-size:30px;
    line-height:1.08;
  }
  .home-page .hero p.lead{
    margin-bottom:18px;
    font-size:14px;
    line-height:1.52;
  }
  .home-page .hero .cta-row{display:grid;grid-template-columns:1fr;gap:8px}
  .home-page .hero .cta-row .btn{width:100%;min-height:44px;justify-content:space-between}
  .home-page .hero .cta-row .btn-ghost{
    padding:11px 14px;
    border:1px solid rgba(255,255,255,.44);
    border-radius:9px;
    text-decoration:none;
  }
}

/* Round 18: make horizontally explorable mobile sections predictable. */
@media(max-width:900px){
  .home-page .flow-steps,
  .home-page .bubbles,
  .home-page .proc-steps{
    scroll-snap-type:x mandatory;
    scroll-padding-inline:20px;
    overscroll-behavior-inline:contain;
  }
  .home-page .flow-steps>*,
  .home-page .bubbles>*,
  .home-page .proc-steps>*{scroll-snap-align:start}
  .home-page .flow,
  .home-page .inds,
  .home-page .proc,
  .home-page .story,
  .home-page .compl{padding-top:46px;padding-bottom:50px}
  .home-page .trust .logos img{max-height:42px}
}

/* Round 19: preserve hierarchy rather than merely stretching on ultra-wide screens. */
@media(min-width:1800px){
  .home-page{
    --type-section:38px;
    --type-body:15px;
    --type-body-lg:16px;
  }
  .home-page .flow,
  .home-page .inds,
  .home-page .proc,
  .home-page .story,
  .home-page .compl{padding-top:82px;padding-bottom:86px}
  .home-page .ind h3{font-size:23px}
  .home-page .story-grid{min-height:460px}
  .home-page .story-grid .simg,
  .home-page .story-grid .simg img{min-height:460px}
  .home-page .cta{min-height:440px}
  .home-page .cta h2{font-size:40px}
  .home-page .hero .cta-row{max-width:300px}
  .home-page .hero .cta-row .btn{font-size:16px;white-space:nowrap}
}

/* Round 20: unify focus, target size, wrapping and motion accessibility. */
.home-page{overflow-x:clip}
.home-page footer.site .foff{min-width:0;overflow-wrap:anywhere}
.home-page h1,
.home-page h2,
.home-page h3{text-wrap:balance}
.home-page .btn,
.home-page .feature-arrow,
.home-page .nav-toggle,
.home-page .lang-btn,
.home-page .foot-social a{min-width:44px;min-height:44px}
.home-page a:focus-visible,
.home-page button:focus-visible{
  outline:3px solid #75ce91;
  outline-offset:3px;
}
.home-page section[id]{scroll-margin-top:88px}
@media(prefers-reduced-motion:reduce){
  .home-page *,
  .home-page *::before,
  .home-page *::after{
    scroll-behavior:auto !important;
    transition-duration:.01ms !important;
    animation-duration:.01ms !important;
    animation-iteration-count:1 !important;
  }
}
@media(forced-colors:active){
  .home-page .btn,
  .home-page .feature-arrow,
  .home-page .ind,
  .home-page .cmpl{border:1px solid ButtonText}
}

/* ==========================================================================
   COMPACT BRAND RAIL — v51
   Uses the supplied Talktide mark and keeps the rail intentionally narrow at
   every desktop width. The chat launcher now owns the bottom-rail action.
   ========================================================================== */
@media(min-width:861px){
  :root,
  .home-page{
    --rail:clamp(72px,4.8vw,80px);
  }
  .home-page .rail{
    position:absolute;
    inset:0 auto auto 0;
    width:var(--rail);
    height:var(--rail-span,848px);
    padding:76px 8px 84px;
    z-index:1300;
  }
  .home-page .rail-brand{
    position:absolute;
    top:12px;
    left:10px;
    width:148px;
    height:46px;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:8px 12px;
    border:1px solid rgba(18,103,52,.12);
    border-radius:11px;
    background:rgba(255,255,255,.97);
    box-shadow:0 8px 24px rgba(7,62,31,.16);
  }
  .home-page .rail-logo{
    display:block;
    width:124px;
    height:auto;
    border-radius:0;
    box-shadow:none;
  }
  .home-page .rail .vlabel{
    margin:auto 0;
    font-size:12px;
    line-height:1.15;
    font-weight:700;
    letter-spacing:.085em;
    white-space:nowrap;
  }
}

@media(min-width:1921px){
  :root,
  .home-page{
    --rail:84px;
  }
  .home-page .rail-brand{width:160px;height:49px}
  .home-page .rail-logo{width:134px}
  .home-page .rail .vlabel{font-size:13.5px}
}

header.site .brand img{
  display:block;
  width:122px;
  height:auto;
}
@media(min-width:861px){
  header.site .brand img{width:132px}
}
@media(max-width:430px){
  .home-page header.site .brand img{width:112px}
}

/* ==========================================================================
   FULL-BLEED VIDEO HERO — v56
   The new 16:9 regional operations film provides its own right-hand text-safe
   zone. Copy is overlaid directly on that zone and the stats band follows the
   film without the former logo wall interrupting the transition.
   ========================================================================== */
@media(min-width:861px){
  .home-page .hero{
    position:relative;
    display:block;
    height:clamp(600px,52vw,760px);
    min-height:clamp(600px,52vw,760px);
    overflow:hidden;
    isolation:isolate;
    background:#102f31;
  }
  .home-page .hero::after{
    content:"";
    position:absolute;
    z-index:3;
    inset:0 0 0 50%;
    pointer-events:none;
    background:linear-gradient(90deg,rgba(8,35,34,0),rgba(8,35,34,.2) 34%,rgba(8,35,34,.48) 100%);
  }
  .home-page .hero .himg{
    position:absolute;
    z-index:1;
    inset:0;
    width:100%;
    height:100%;
    min-height:0;
  }
  .home-page .hero .himg video,
  .home-page .hero .himg>img{
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:center center;
  }
  .home-page .hero .hcopy{
    position:absolute;
    z-index:8;
    inset:52px 0 0 auto;
    width:min(42%,590px);
    min-width:440px;
    height:calc(100% - 52px);
    padding:clamp(70px,7vw,108px) clamp(46px,5.2vw,82px) clamp(58px,6vw,92px);
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:flex-start;
    background:transparent;
    color:#fff;
  }
  .home-page .hero .hcopy .eyebrow{
    color:#b7f4ca;
    text-shadow:0 2px 12px rgba(0,0,0,.32);
  }
  .home-page .hero .hcopy h1{
    max-width:520px;
    color:#fff;
    font-size:clamp(48px,4.2vw,64px);
    line-height:1.035;
    text-shadow:0 3px 24px rgba(0,0,0,.36);
  }
  .home-page .hero .hcopy .lead{
    max-width:500px;
    color:rgba(255,255,255,.93);
    font-size:clamp(15px,1.15vw,17px);
    line-height:1.58;
    text-shadow:0 2px 16px rgba(0,0,0,.34);
  }
  .home-page .hero .hcopy .cta-row{
    width:min(100%,330px);
    max-width:330px;
  }
  .home-page .hero .hcopy .btn-primary{
    background:#fff;
    border-color:#fff;
    color:var(--g-dd);
  }
  .home-page .hero .hcopy .btn-primary:hover{background:#eaf7ee}
  .home-page .hero .hcopy .btn-ghost{
    color:#fff;
    border-color:rgba(255,255,255,.58);
    background:rgba(9,42,37,.18);
    backdrop-filter:blur(5px);
  }
  .home-page .hero .hcopy .btn-ghost:hover{background:rgba(255,255,255,.12)}
  .home-page .hero .clocks{
    left:24px;
    right:24px;
    width:auto;
    max-width:none;
  }
  .home-page .hero .msg-card{left:28px;bottom:28px}
  .home-page .stats{margin-left:var(--rail)}
  .home-page .trust{
    margin-left:0;
    border-top:0;
    border-bottom:1px solid var(--line);
  }
}

/* ==========================================================================
   DOLPHLINK-ALIGNED READABLE TYPE SYSTEM — v58
   One scale for every route. Reading copy is 16px on desktop, UI labels never
   fall below 13px, and dense cards receive the line-height needed to scan.
   ========================================================================== */
:root{
  --tt-type-ui:15px;
  --tt-type-body:16px;
  --tt-type-body-lg:17px;
  --tt-type-label:13px;
  --tt-type-card:15px;
  --tt-type-card-title:18px;
  --tt-type-section:clamp(34px,2.35vw,40px);
}

body{
  font-size:var(--tt-type-body);
  line-height:1.65;
  text-rendering:optimizeLegibility;
  -webkit-font-smoothing:antialiased;
}

header.site nav{gap:30px}
header.site nav a{
  font-size:16px;
  line-height:1.4;
  font-weight:600;
  letter-spacing:-.005em;
}
header.site .btn,
header.site .lang,
header.site .lang button,
header.site .lang-btn,
header.site .lang-menu button{
  font-size:15px;
  line-height:1.4;
}

.btn{
  font-size:15px;
  line-height:1.4;
  font-weight:600;
}

/* Homepage: readable hierarchy from hero through footer. */
.home-page{
  --type-micro:13px;
  --type-caption:14px;
  --type-body:16px;
  --type-body-lg:17px;
  --type-card-title:20px;
  --type-section:var(--tt-type-section);
}
.home-page header.site nav a{font-size:16px}
.rail .vlabel,
.home-page .rail .vlabel{font-size:13px;line-height:1.25}

.home-page .hero .hcopy .eyebrow{
  font-size:14px;
  line-height:1.45;
  letter-spacing:.085em;
}
.home-page .hero .hcopy .lead{
  font-size:clamp(16px,1.15vw,18px);
  line-height:1.65;
}
.home-page .hero .hcopy .btn{font-size:15px}
.home-page .clocks .ck span{font-size:12px;line-height:1.35}
.home-page .clocks .ck b{font-size:17px;line-height:1.2}
.home-page .msg-card b{font-size:15px;line-height:1.4}
.home-page .msg-card span{font-size:13px;line-height:1.5}

.home-page .stats .stat b{font-size:34px;line-height:1.05}
.home-page .stats .stat span{font-size:14px;line-height:1.5}
.home-page .trust .tt{font-size:15px;line-height:1.5}

.home-page .feature-rotator{
  --feature-height:clamp(520px,33vw,660px);
}
.home-page .feature-rotator .feature-face h2,
.home-page .flow h2,
.home-page .inds h2,
.home-page .proc h2{
  font-size:var(--tt-type-section);
  line-height:1.18;
}
.home-page .feature-rotator .feature-face .fintro{
  font-size:17px;
  line-height:1.65;
}
.home-page .feature-rotator .feature-face .flist{gap:17px}
.home-page .feature-rotator .feature-face .flist .fi b{
  font-size:16px;
  line-height:1.4;
}
.home-page .feature-rotator .feature-face .flist .fi p{
  font-size:15px;
  line-height:1.6;
}
.home-page .feature-rotator .feature-face .chip b{font-size:15px}
.home-page .feature-rotator .feature-face .chip span{font-size:13px}
.home-page .feature-rotator-hint{font-size:13px}

.home-page .fstep .fh b{font-size:15px;line-height:1.4}
.home-page .fstep .fh small{font-size:14px;line-height:1.55}
.home-page .btime{font-size:13px;line-height:1.45}
.home-page .bubble{font-size:14.5px;line-height:1.6}
.home-page .mini-action{font-size:13.5px;line-height:1.45}

.home-page .ind .lbl{font-size:13px;line-height:1.45}
.home-page .ind h3{font-size:22px;line-height:1.3}
.home-page .ind .more{font-size:14px;line-height:1.45}
.home-page .subline{font-size:14px;line-height:1.5}

.home-page .pstep .pn{font-size:14px}
.home-page .pstep h3{font-size:20px;line-height:1.35}
.home-page .pstep>p,
.home-page .pstep li{font-size:15px;line-height:1.65}
.home-page .psup b{font-size:15px;line-height:1.4}
.home-page .psup p{font-size:14px;line-height:1.6}

.home-page .story-grid .simg .sov .lbl{font-size:13px}
.home-page .story-grid .simg .sov h3{font-size:24px;line-height:1.28}
.home-page .story-grid .simg .sov a{font-size:14px}
.home-page .scol h4{font-size:14px;line-height:1.45}
.home-page .scol li,
.home-page .quote p{font-size:15px;line-height:1.65}
.home-page .quote .qa,
.home-page .quote .qa b{font-size:13.5px;line-height:1.5}

.home-page .compl h2{font-size:32px;line-height:1.22}
.home-page .cmpl b{font-size:15px;line-height:1.4}
.home-page .cmpl p{font-size:14px;line-height:1.6}
.home-page .cta h2{font-size:clamp(36px,2.7vw,44px);line-height:1.16}
.home-page .cta p{font-size:17px;line-height:1.65}
.home-page .cta .btn{font-size:15px}

/* Inner pages: match the same hierarchy rather than shrinking dense cards. */
.subpage-hero .sol-back{font-size:14px;line-height:1.5}
.subpage-hero .section-label{font-size:13px;line-height:1.5}
.subpage-hero h1{
  max-width:980px;
  font-size:clamp(40px,3.6vw,50px);
  line-height:1.1;
}
.subpage-hero p{
  max-width:780px;
  font-size:17px;
  line-height:1.65;
}
.terms-document{
  max-width:1180px !important;
}
.terms-meta{font-size:14px;line-height:1.55}
.terms-clause{padding:46px 0}
.terms-clause>h2{
  font-size:clamp(30px,2.6vw,38px);
  line-height:1.18;
  margin-bottom:10px;
}
.terms-clause>h3{font-size:22px;line-height:1.3}
.about-intro{
  font-size:17px !important;
  line-height:1.72 !important;
  padding:21px 24px !important;
}
.feat,.scn{padding:24px 26px !important}
.feat>b,.scn>h3{
  font-size:18px !important;
  line-height:1.35 !important;
  margin-bottom:12px !important;
}
.feat li,.scn li,
.scn p{
  font-size:15px !important;
  line-height:1.68 !important;
}
.case{padding:20px 22px !important}
.case b{font-size:16px !important;line-height:1.4 !important}
.case p{font-size:15px !important;line-height:1.68 !important}
.tag-row span{
  font-size:13.5px !important;
  line-height:1.4 !important;
  padding:8px 15px !important;
}
.terms-document>p,
.terms-document .terms-clause>p,
.terms-document .terms-clause>ul>li,
.terms-document .terms-clause>ol>li{
  font-size:16px;
  line-height:1.75;
}

/* Shared footer and utility text. */
footer.site .foff b,
footer.site .fcol h4{
  font-size:14px;
  line-height:1.45;
}
footer.site .foff,
footer.site .foff p,
footer.site .foff a,
footer.site .fcol a,
footer.site .foffice p,
footer.site .foffice a{
  font-size:14.5px;
  line-height:1.6;
}
.home-page footer.site .foff,
.home-page footer.site .foff p,
.home-page footer.site .foff a,
.home-page footer.site .fcol a,
.home-page footer.site .foffice p,
.home-page footer.site .foffice a,
body:not(.home-page) footer.site .foff,
body:not(.home-page) footer.site .foff p,
body:not(.home-page) footer.site .foff a,
body:not(.home-page) footer.site .fcol a{
  font-size:14.5px;
  line-height:1.6;
}
footer.site .foot-bottom,
footer.site .foot-bottom>div{font-size:13px;line-height:1.55}

#dlpk-chat .dcp-head b{font-size:16px;line-height:1.4}
#dlpk-chat .dcp-head span{font-size:13px;line-height:1.5}
#dlpk-chat .dcp-msg,
#dlpk-chat .dcp-form textarea{font-size:15px;line-height:1.55}
#dlpk-chat .dcp-foot{font-size:13px;line-height:1.5}

@media(min-width:1440px){
  :root{--tt-type-body:17px;--tt-type-body-lg:18px}
  header.site nav a,
  .home-page header.site nav a{font-size:17px}
  .home-page .hero .hcopy .eyebrow{font-size:15px}
  .home-page .stats .stat span,
  .home-page .trust .tt{font-size:15px}
}

@media(min-width:861px){
  .home-page .clocks .ck span{font-size:13px}
}

@media(max-width:1180px){
  header.site nav{gap:22px}
  header.site nav a,
  .home-page header.site nav a{font-size:15px}
  .home-page .feature-rotator{--feature-height:560px}
}

@media(max-width:860px){
  :root{
    --tt-type-body:15.5px;
    --tt-type-body-lg:16.5px;
    --tt-type-section:clamp(29px,7vw,36px);
  }
  header.site nav a,
  .home-page header.site nav a{
    font-size:17px;
    line-height:1.45;
  }
  .subpage-hero{padding:44px 24px 48px !important}
  .subpage-hero h1{font-size:clamp(34px,8.5vw,44px)}
  .subpage-hero p{font-size:16.5px}
  .terms-document{padding-inline:24px !important}
  .terms-clause{padding:38px 0}
  .terms-clause>h2{font-size:clamp(28px,7vw,34px)}
  .feat,.scn,.case{padding:21px 22px !important}
  footer.site .foff,
  footer.site .foff p,
  footer.site .foff a,
  footer.site .fcol a,
  footer.site .foffice p,
  footer.site .foffice a{font-size:14px}
}

@media(max-width:640px){
  .home-page .feature-rotator{--feature-height:760px}
  .home-page .feature-rotator .feature-face h2{font-size:29px}
  .home-page .feature-rotator .feature-face .fintro{font-size:16px}
  .home-page .feature-rotator .feature-face .flist .fi b{font-size:15px}
  .home-page .feature-rotator .feature-face .flist .fi p{font-size:14px}
  .home-page .stats .stat span{font-size:13.5px}
  .home-page .cta p{font-size:16px}
}

/* ==========================================================================
   CONTINUOUS VIDEO HERO STAGE — v59
   Desktop hero, proof metrics and partner trust share one moving backdrop.
   The city clocks stay over the visual field, clear of the enlarged copy zone.
   ========================================================================== */
@media(min-width:861px){
  .home-page .hero-stage{
    --proof-depth:356px;
    --hero-copy-w:clamp(590px,46vw,760px);
    position:relative;
    isolation:isolate;
    overflow:hidden;
    background:#082d2d;
  }
  .home-page .hero-stage::after{
    content:"";
    position:absolute;
    z-index:2;
    inset:0 0 0 38%;
    pointer-events:none;
    background:linear-gradient(90deg,rgba(4,27,29,0),rgba(4,27,29,.44) 28%,rgba(4,27,29,.76) 100%);
  }
  .home-page .hero-stage .hero{
    z-index:auto;
    overflow:visible;
    isolation:auto;
    background:transparent;
  }
  .home-page .hero-stage .hero::after{display:none}
  .home-page .hero-stage .hero .himg{
    z-index:1;
    height:calc(100% + var(--proof-depth));
    min-height:calc(100% + var(--proof-depth));
    overflow:hidden;
  }
  .home-page .hero-stage .hero .himg video,
  .home-page .hero-stage .hero .himg>img{
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:center center;
  }
  .home-page .hero-stage .hero .hcopy{
    z-index:8;
    inset:0 0 0 auto;
    width:var(--hero-copy-w);
    min-width:0;
    height:100%;
    padding:clamp(70px,6vw,104px) clamp(44px,4.2vw,72px) clamp(54px,5vw,80px);
    justify-content:center;
  }
  .home-page .hero-stage .hero .hcopy h1{
    max-width:650px;
    margin:18px 0 24px;
    font-size:clamp(60px,4.25vw,78px);
    line-height:1.015;
    letter-spacing:-.045em;
  }
  .home-page .hero-stage .hero .hcopy .lead{
    max-width:610px;
    margin-bottom:28px;
    font-size:clamp(17px,1.12vw,19px);
    line-height:1.62;
  }
  .home-page .hero-stage .hero .hcopy .eyebrow{
    font-size:14px;
    letter-spacing:.09em;
  }
  .home-page .hero-stage .hero .hcopy .cta-row{
    width:min(100%,390px);
    max-width:390px;
  }
  .home-page .hero-stage .hero .hcopy .btn{
    min-height:50px;
    padding-inline:20px;
    font-size:16px;
  }

  .home-page .hero-stage .hero .clocks{
    top:20px !important;
    right:auto;
    left:28px;
    width:calc(100% - var(--hero-copy-w) - 72px);
    max-width:none;
    min-width:480px;
    z-index:7;
  }
  .home-page .hero-stage .hero .clocks .ck{
    padding-inline:14px;
  }
  .home-page .hero-stage .hero .clocks .ck span{font-size:12.5px}
  .home-page .hero-stage .hero .clocks .ck b{font-size:17px}
  .home-page .hero-stage .hero .msg-card{
    top:calc(100% - var(--proof-depth) - 96px);
    bottom:auto;
    left:30px;
    z-index:7;
  }

  .home-page .hero-stage .stats,
  .home-page .hero-stage .trust{
    position:relative;
    z-index:6;
    border-color:rgba(255,255,255,.16);
    color:#fff;
    backdrop-filter:blur(10px);
  }
  .home-page .hero-stage .stats{
    height:126px;
    min-height:126px;
    margin-left:var(--rail);
    background:rgba(4,39,32,.67);
  }
  .home-page .hero-stage .stats .wrap{
    height:100%;
    min-height:0;
    padding-top:22px;
    padding-bottom:22px;
  }
  .home-page .hero-stage .stats .stat + .stat{
    border-color:rgba(255,255,255,.19);
  }
  .home-page .hero-stage .stats .stat .si{
    color:#b8f1c8;
    background:rgba(255,255,255,.1);
  }
  .home-page .hero-stage .stats .stat b{color:#fff}
  .home-page .hero-stage .stats .stat span{color:rgba(255,255,255,.82)}

  .home-page .hero-stage .trust{
    width:auto;
    height:230px;
    min-height:230px;
    margin-left:0;
    padding:24px 0 28px;
    background:rgba(4,31,28,.76);
    border-top:1px solid rgba(255,255,255,.14);
    border-bottom:1px solid rgba(255,255,255,.16);
  }
  .home-page .hero-stage .trust .wrap{
    max-width:1320px;
    padding-inline:40px;
  }
  .home-page .hero-stage .trust .tt{
    margin-bottom:20px;
    color:#fff;
    font-size:16px;
    font-weight:600;
  }
  .home-page .hero-stage .trust .logos{
    gap:14px 22px;
  }
  .home-page .hero-stage .trust .logos img{
    max-width:138px;
    max-height:44px;
    padding:9px 12px;
    border:1px solid rgba(255,255,255,.54);
    border-radius:9px;
    background:rgba(255,255,255,.94);
    box-shadow:0 8px 20px rgba(0,0,0,.12);
  }
}

@media(min-width:861px) and (max-width:1180px){
  .home-page .hero-stage{
    --proof-depth:330px;
    --hero-copy-w:clamp(500px,47vw,560px);
  }
  .home-page .hero-stage .hero .hcopy h1{font-size:clamp(52px,5vw,62px)}
  .home-page .hero-stage .hero .clocks{
    left:20px;
    width:calc(100% - var(--hero-copy-w) - 48px);
    min-width:390px;
  }
  .home-page .hero-stage .stats{height:118px;min-height:118px}
  .home-page .hero-stage .trust{height:212px;min-height:212px}
}

@media(max-width:860px){
  .home-page .hero-stage{background:#fff}
}

/* ==========================================================================
   PROMINENT TALKTIDE WORDMARK — v60
   Match the clear, confident brand-entry scale used by the Dolphlink header.
   ========================================================================== */
@media(min-width:861px){
  .home-page .rail-brand{
    top:10px;
    left:12px;
    width:190px;
    height:60px;
    padding:9px 14px;
    border-radius:13px;
    box-shadow:0 10px 28px rgba(7,62,31,.18);
  }
  .home-page .rail-logo{
    width:166px;
    max-width:none;
    height:auto;
  }
  body:not(.home-page) header.site .brand img{
    width:168px;
    max-width:none;
  }
}

@media(min-width:1440px){
  .home-page .rail-brand{
    width:208px;
    height:64px;
    padding-inline:15px;
  }
  .home-page .rail-logo{width:182px}
  body:not(.home-page) header.site .brand img{width:180px}
}

@media(max-width:860px){
  .home-page header.site .brand img,
  body:not(.home-page) header.site .brand img{
    width:128px;
    max-width:none;
  }
}

@media(max-width:390px){
  .home-page header.site .brand img,
  body:not(.home-page) header.site .brand img{width:120px}
}

/* ==========================================================================
   SPLIT BRAND LOCKUP — v61
   The official symbol stays fully inside the green rail. The TALKTIDE name
   occupies the adjacent white header area, matching the Dolphlink structure.
   ========================================================================== */
@media(min-width:861px){
  .home-page .rail-brand{
    top:8px;
    left:calc((var(--rail) - 52px) / 2);
    width:52px;
    height:52px;
    padding:0;
    overflow:hidden;
    border:1px solid rgba(255,255,255,.72);
    border-radius:12px;
    background:#fff;
    box-shadow:0 8px 22px rgba(6,62,30,.2);
  }

  .home-page .rail-logo{
    position:absolute;
    top:1px;
    left:0;
    width:204px;
    max-width:none;
    height:49px;
  }

  .home-page header.site .brand{
    position:absolute;
    top:50%;
    left:calc(var(--rail) + 18px);
    display:block;
    width:176px;
    height:48px;
    margin:0;
    overflow:hidden;
    transform:translateY(-50%);
  }

  .home-page header.site .brand img{
    position:absolute;
    top:-5px;
    left:-70px;
    width:246px;
    max-width:none;
    height:auto;
  }
}

@media(min-width:1440px){
  .home-page header.site .brand{
    left:calc(var(--rail) + 20px);
    width:190px;
    height:50px;
  }

  .home-page header.site .brand img{
    top:-7px;
    left:-75px;
    width:265px;
  }
}

@media(min-width:861px) and (max-width:1180px){
  .home-page header.site .brand{
    left:calc(var(--rail) + 14px);
    width:146px;
  }

  .home-page header.site .brand img{
    top:-1px;
    left:-60px;
    width:206px;
  }
}

/* ==========================================================================
   OUR PARTNERS MARQUEE — v62
   A single, continuous Dolphlink-style logo row using the supplied native
   146 × 90 partner assets at their real size for maximum clarity.
   ========================================================================== */
.home-page .trust .partner-marquee{
  position:relative;
  display:block;
  width:100%;
  max-width:none;
  overflow:hidden;
  padding:4px 0 8px;
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent);
  mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent);
}

.home-page .trust .partner-track{
  display:flex;
  width:max-content;
  will-change:transform;
  animation:talktidePartners 44s linear infinite;
}

.home-page .trust .partner-group{
  display:flex;
  flex:0 0 auto;
  align-items:center;
  gap:24px;
  padding-right:24px;
}

.home-page .hero-stage .trust .partner-marquee .partner-group img{
  display:block;
  flex:0 0 auto;
  width:146px;
  min-width:146px;
  height:90px;
  max-width:none;
  max-height:none;
  padding:0;
  border:0;
  border-radius:14px;
  background:#fff;
  object-fit:contain;
  opacity:1;
  box-shadow:0 10px 24px rgba(0,0,0,.14);
  transform:translateZ(0);
}

.home-page .trust .partner-marquee:hover .partner-track{
  animation-play-state:paused;
}

@keyframes talktidePartners{
  to{transform:translate3d(-50%,0,0)}
}

@media(min-width:861px){
  .home-page .hero-stage .trust{
    height:196px;
    min-height:196px;
    padding:22px 0 24px;
  }

  .home-page .hero-stage .trust .wrap{
    max-width:none;
    padding-inline:0;
  }

  .home-page .hero-stage .trust .tt{
    margin-bottom:16px;
    padding-inline:40px;
    font-size:18px;
    line-height:1.4;
  }
}

@media(max-width:860px){
  .home-page .trust{
    padding:28px 0 30px;
  }

  .home-page .trust .wrap{
    padding-inline:0;
  }

  .home-page .trust .tt{
    margin-bottom:18px;
    padding-inline:22px;
    font-size:16px;
    line-height:1.45;
  }

  .home-page .trust .partner-group{
    gap:16px;
    padding-right:16px;
  }

  .home-page .hero-stage .trust .partner-marquee .partner-group img{
    width:132px;
    min-width:132px;
    height:auto;
  }
}

@media(prefers-reduced-motion:reduce){
  .home-page .trust .partner-marquee{
    overflow-x:auto;
    -webkit-mask-image:none;
    mask-image:none;
    scrollbar-width:none;
    -ms-overflow-style:none;
  }

  .home-page .trust .partner-track{animation:none}
  .home-page .trust .partner-group[aria-hidden="true"]{display:none}
  .home-page .trust .partner-marquee::-webkit-scrollbar{display:none}
}

/* ==========================================================================
   TRANSPARENT PROOF STAGE + FROSTED DETAILS — v63
   The video remains fully visible behind metrics and partners. Readability is
   provided only where needed by individual glass cards and the trust caption.
   ========================================================================== */
@media(min-width:861px){
  .home-page .hero-stage::after{
    inset:0 0 var(--proof-depth) 38%;
  }

  .home-page .hero-stage .stats,
  .home-page .hero-stage .trust{
    background:transparent;
    border-color:transparent;
    -webkit-backdrop-filter:none;
    backdrop-filter:none;
  }

  .home-page .hero-stage .stats{
    border:0;
  }

  .home-page .hero-stage .stats .wrap{
    gap:18px;
    padding:20px clamp(28px,4.4vw,76px);
  }

  .home-page .hero-stage .stats .stat{
    min-width:0;
    min-height:82px;
    padding:14px clamp(18px,2vw,30px);
    border:1px solid rgba(255,255,255,.34);
    border-radius:16px;
    background:rgba(7,38,34,.34);
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.2),
      0 12px 30px rgba(1,19,17,.2);
    -webkit-backdrop-filter:blur(18px) saturate(145%);
    backdrop-filter:blur(18px) saturate(145%);
  }

  .home-page .hero-stage .stats .stat + .stat{
    border-left:1px solid rgba(255,255,255,.34);
  }

  .home-page .hero-stage .stats .stat .si{
    color:#d3f8de;
    border-color:rgba(255,255,255,.18);
    background:rgba(255,255,255,.12);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.14);
  }

  .home-page .hero-stage .stats .stat b{
    color:#fff;
    text-shadow:0 2px 16px rgba(0,0,0,.28);
  }

  .home-page .hero-stage .stats .stat span{
    color:rgba(255,255,255,.88);
  }

  .home-page .hero-stage .trust{
    border:0;
  }

  .home-page .hero-stage .trust .tt{
    display:table;
    max-width:calc(100% - 64px);
    margin:0 auto 16px;
    padding:9px 20px;
    border:1px solid rgba(255,255,255,.32);
    border-radius:999px;
    background:rgba(7,38,34,.3);
    color:#fff;
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.18),
      0 10px 26px rgba(1,19,17,.16);
    -webkit-backdrop-filter:blur(18px) saturate(145%);
    backdrop-filter:blur(18px) saturate(145%);
    text-shadow:0 1px 12px rgba(0,0,0,.28);
  }

  .home-page .hero-stage .trust .partner-group img{
    border:1px solid rgba(255,255,255,.68);
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.8),
      0 12px 30px rgba(1,19,17,.18);
  }
}

@media(max-width:860px){
  .home-page .stats,
  .home-page .trust{
    background:transparent;
  }

  .home-page .stats .stat{
    border:1px solid rgba(34,122,69,.14);
    border-radius:14px;
    background:rgba(255,255,255,.7);
    box-shadow:0 10px 24px rgba(20,67,42,.08);
    -webkit-backdrop-filter:blur(14px) saturate(130%);
    backdrop-filter:blur(14px) saturate(130%);
  }

  .home-page .trust .tt{
    display:table;
    max-width:calc(100% - 36px);
    margin-right:auto;
    margin-left:auto;
    border:1px solid rgba(34,122,69,.14);
    border-radius:999px;
    background:rgba(255,255,255,.72);
    box-shadow:0 10px 24px rgba(20,67,42,.08);
    -webkit-backdrop-filter:blur(14px) saturate(130%);
    backdrop-filter:blur(14px) saturate(130%);
  }
}

/* V65 FINAL OVERRIDES */
@media(min-width:861px){
  .home-page .hero-stage::after{
    inset:0 0 0 38%;
  }

  .home-page .rail{
    top:72px;
    padding-top:24px;
  }

  .home-page .rail-brand{
    display:none;
  }

  .home-page header.site{
    height:72px;
    min-height:72px;
  }

  .home-page header.site .brand{
    top:0;
    bottom:0;
    left:calc(clamp(18px,1.5vw,28px) - var(--rail));
    width:clamp(218px,18vw,250px);
    height:72px;
    overflow:visible;
    transform:none;
    display:flex;
    align-items:center;
  }

  .home-page header.site .brand img{
    position:static;
    display:block;
    width:100%;
    height:auto;
    transform:none;
  }
}

@media(min-width:1181px){
  .home-page .rail{
    height:calc(clamp(600px,52vw,760px) + 126px) !important;
  }

  .home-page .hero-stage{
    --hero-copy-w:clamp(760px,56vw,1500px);
  }

  .home-page .hero-stage .hero .hcopy{
    padding-right:clamp(38px,3.5vw,64px);
    padding-left:clamp(32px,2.5vw,48px);
  }
}

@media(min-width:861px) and (max-width:1180px){
  .home-page .rail{
    height:calc(clamp(600px,52vw,760px) + 118px) !important;
  }

  .home-page .hero-stage{
    --hero-copy-w:clamp(620px,62vw,700px);
  }

  .home-page .hero-stage .hero .hcopy{
    padding-right:clamp(30px,3.8vw,46px);
    padding-left:clamp(30px,3.8vw,46px);
  }
}

/* V66 RESTORE SECTION RHYTHM ABOVE THE CAPABILITY ROTATOR */
.home-page .feature-rotator{
  padding-top:clamp(48px,5vw,72px) !important;
}

@media(max-width:860px){
  .home-page .feature-rotator{
    padding-top:38px !important;
  }
}

/* V68 AIRIER HERO READING WIDTH */
@media(min-width:861px){
  .home-page .hero-stage .hero .hcopy h1{
    max-width:1000px;
  }

  .home-page .hero-stage .hero .hcopy .lead{
    max-width:1000px;
  }
}

@media(min-width:1181px){
  .home-page .hero-stage .hero .hcopy{
    padding-right:clamp(28px,2.5vw,48px);
    padding-left:clamp(24px,2vw,40px);
  }
}

@media(min-width:861px) and (max-width:1180px){
  .home-page .hero-stage .hero .hcopy{
    padding-right:clamp(22px,2.8vw,32px);
    padding-left:clamp(22px,2.8vw,32px);
  }
}

/* V71 WIDER, MORE LEGIBLE INFORMATION SECTIONS */
@media(min-width:901px){
  .home-page .flow .wrap,
  .home-page .proc .wrap,
  .home-page .story .wrap,
  .home-page .compl .wrap{
    width:100%;
    max-width:1920px;
    padding-right:clamp(24px,2.5vw,48px);
    padding-left:clamp(24px,2.5vw,48px);
  }

  .home-page .flow h2,
  .home-page .proc h2,
  .home-page .compl h2{
    font-size:clamp(40px,3vw,52px);
    line-height:1.16;
    letter-spacing:-.025em;
  }

  .home-page .flow h2{margin-bottom:40px}
  .home-page .proc h2{margin-bottom:38px}
  .home-page .compl h2{margin-bottom:36px}

  .home-page .flow-steps{
    gap:18px;
    padding:20px;
  }

  .home-page .fstep{padding:10px}
  .home-page .fstep .fh b{font-size:17px}
  .home-page .fstep .fh small{font-size:15px}
  .home-page .bubble{font-size:15px}

  .home-page .pstep{
    min-height:280px;
    padding:30px 104px 28px 30px;
  }

  .home-page .pstep h3{
    font-size:clamp(20px,1.45vw,24px);
    line-height:1.3;
  }

  .home-page .pstep>p,
  .home-page .pstep li{
    font-size:16px;
    line-height:1.6;
  }

  .home-page .story{padding-top:76px;padding-bottom:76px}
  .home-page .story-grid{
    min-height:460px;
  }

  .home-page .story-grid .simg,
  .home-page .story-grid .simg img{
    min-height:460px;
  }

  .home-page .story-grid .simg .sov h3{
    max-width:360px;
    font-size:clamp(28px,2.2vw,36px);
    line-height:1.2;
  }

  .home-page .story-body .scol{
    padding:30px 32px;
  }

  .home-page .scol h4{font-size:15px}
  .home-page .scol li,
  .home-page .quote p{font-size:16px}

  .home-page .compl-grid{gap:16px}
  .home-page .cmpl{
    min-height:190px;
    padding:24px;
  }

  .home-page .cmpl b{font-size:16px}
  .home-page .cmpl p{font-size:15px}
}

/* V72 FULL-DEPTH HERO RAIL + OPTICALLY ALIGNED OFFICIAL LOCKUP */
@media(min-width:1181px){
  .home-page .rail{
    height:var(--rail-height,calc(clamp(600px,52vw,760px) + 322px)) !important;
  }

  .home-page header.site .brand{
    left:calc(clamp(8px,.55vw,10px) - var(--rail));
    justify-content:flex-start;
    padding:0;
    line-height:0;
  }

  .home-page header.site .brand img{
    display:block;
    margin:0;
  }
}

/* V74 FINAL HERO GLASS-SAFE COPY ALIGNMENT */
@media(min-width:1181px){
  .home-page .hero-stage{
    --hero-copy-w:clamp(580px,48vw,820px);
  }
}

@media(min-width:861px) and (max-width:1180px){
  .home-page .hero-stage{
    --hero-copy-w:clamp(540px,54vw,620px);
  }
}

/* V75 FINAL COMPACT-DESKTOP HEADER ALIGNMENT */
@media(min-width:901px) and (max-width:1180px){
  .home-page header.site .brand{
    position:static;
    flex:0 0 clamp(190px,22vw,218px);
    width:clamp(190px,22vw,218px);
    height:52px;
    margin:0;
    transform:none;
  }

  .home-page header.site .h-actions{
    order:2;
    margin-left:auto;
  }

  .home-page .nav-toggle{order:3}
}

/* V77 PURE-WHITE CAPABILITY ROTATOR */
.home-page .feature-rotator,
.home-page .feature-rotator-stage,
.home-page .feature-rotator .features-list,
.home-page .feature-rotator .feature-face,
.home-page .feature-rotator .feature-face .fcopy,
.home-page .feature-rotator .feature-face.rev .fcopy,
.home-page .feature-rotator-controls,
.home-page .feature-rotator-hint{
  background:#fff;
  background-image:none;
}

.home-page .feature-rotator .feature-face .fcopy::before,
.home-page .feature-rotator .feature-face.rev .fcopy::before{
  background:linear-gradient(90deg,transparent,#fff);
}

/* V78 DOLPHLINK-STYLE INDUSTRY SOLUTIONS EXPLORER */
.home-page .solution-explorer{
  position:relative;
  padding:clamp(76px,7vw,118px) 0;
  background:#f5f8f6;
  border-block:1px solid var(--line);
  scroll-margin-top:72px;
}

.home-page .solution-explorer .wrap{
  width:min(calc(100% - clamp(44px,6vw,120px)),1600px);
  max-width:none;
  padding:0;
}

.home-page .solution-head{
  max-width:980px;
  margin:0 auto clamp(32px,3.5vw,50px);
  text-align:center;
}

.home-page .solution-eyebrow,
.home-page .solution-kicker{
  display:inline-flex;
  align-items:center;
  gap:9px;
  color:var(--g-d);
  font-family:var(--disp);
  font-size:13px;
  font-weight:700;
  letter-spacing:.12em;
  line-height:1.25;
  text-transform:uppercase;
}

.home-page .solution-head h2{
  max-width:900px;
  margin:15px auto 0;
  font-size:clamp(34px,3.3vw,56px);
  line-height:1.08;
  letter-spacing:-.035em;
}

.home-page .solution-head>p{
  max-width:800px;
  margin:18px auto 0;
  color:#5d6861;
  font-size:clamp(16px,1.2vw,19px);
  line-height:1.65;
}

.home-page .solution-ornament{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:12px;
  width:170px;
  margin:22px auto 0;
}

.home-page .solution-ornament::before,
.home-page .solution-ornament::after{
  content:"";
  width:64px;
  height:1px;
  background:#9fd6ae;
}

.home-page .solution-ornament i{
  width:8px;
  height:8px;
  background:var(--g);
  transform:rotate(45deg);
}

.home-page .solution-tabs{
  display:flex;
  justify-content:center;
  gap:10px;
  margin:0 auto 28px;
  overflow-x:auto;
  padding:8px 4px 12px;
  scrollbar-width:none;
  overscroll-behavior-inline:contain;
  scroll-snap-type:x proximity;
}

.home-page .solution-tabs::-webkit-scrollbar{display:none}

.home-page .solution-tab{
  flex:0 0 auto;
  min-height:48px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  padding:11px 18px;
  border:1px solid #dce8e0;
  border-radius:999px;
  background:#fff;
  color:#33423a;
  box-shadow:0 5px 14px rgba(20,67,42,.045);
  font-family:var(--sans);
  font-size:14px;
  font-weight:650;
  line-height:1.2;
  white-space:nowrap;
  cursor:pointer;
  scroll-snap-align:center;
  transition:border-color .2s,background-color .2s,color .2s,box-shadow .2s,transform .2s;
}

.home-page .solution-tab .ti{
  color:var(--g-d);
  font-size:18px;
}

.home-page .solution-tab:hover{
  border-color:#95cda6;
  transform:translateY(-1px);
}

.home-page .solution-tab:focus-visible{
  outline:3px solid rgba(58,177,93,.24);
  outline-offset:2px;
}

.home-page .solution-tab.is-active{
  border-color:var(--g);
  background:var(--g);
  color:#fff;
  box-shadow:0 10px 26px rgba(34,122,69,.2);
}

.home-page .solution-tab.is-active .ti{color:#fff}

.home-page .solution-panels{
  position:relative;
  min-height:620px;
}

.home-page .solution-panel{
  display:grid;
  grid-template-columns:minmax(0,1.45fr) minmax(350px,.75fr);
  gap:22px;
  align-items:stretch;
}

.home-page .solution-panel[hidden]{display:none!important}

.home-page .solution-summary,
.home-page .solution-proof{
  border:1px solid #dfe9e2;
  border-radius:24px;
  background:#fff;
  box-shadow:0 18px 48px rgba(20,67,42,.07);
}

.home-page .solution-summary{
  padding:clamp(34px,3vw,50px);
}

.home-page .solution-summary>h3{
  max-width:820px;
  margin:14px 0 14px;
  font-size:clamp(28px,2.25vw,40px);
  line-height:1.12;
}

.home-page .solution-summary>p{
  max-width:850px;
  color:#5d6861;
  font-size:17px;
  line-height:1.65;
}

.home-page .solution-scenarios{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
  margin-top:28px;
}

.home-page .solution-scenarios>section{
  min-height:148px;
  padding:21px 22px;
  border:1px solid #e2ece5;
  border-radius:15px;
  background:#f9fcfa;
}

.home-page .solution-scenarios h4{
  margin:0 0 9px;
  font-size:17px;
  line-height:1.25;
}

.home-page .solution-scenarios p,
.home-page .solution-scenarios li{
  color:#5d6861;
  font-size:15px;
  line-height:1.55;
}

.home-page .solution-scenarios ul{
  margin:0;
  padding-left:19px;
}

.home-page .solution-scenarios li+li{margin-top:4px}

.home-page .solution-proof{
  display:flex;
  flex-direction:column;
  padding:clamp(30px,2.5vw,42px);
  border-color:#bcdcc6;
}

.home-page .solution-cases{
  display:grid;
  gap:12px;
  margin:22px 0 26px;
}

.home-page .solution-cases>section{
  padding:18px 19px;
  border:1px solid #e2ece5;
  border-left:4px solid var(--g);
  border-radius:13px;
  background:#fbfdfc;
}

.home-page .solution-cases b{
  display:block;
  margin-bottom:6px;
  color:var(--g-dd);
  font-family:var(--disp);
  font-size:16px;
}

.home-page .solution-cases p{
  color:#606b64;
  font-size:14px;
  line-height:1.55;
}

.home-page .solution-link{
  margin-top:auto;
  min-height:48px;
  display:inline-flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  padding:12px 16px;
  border:1px solid #cfe2d5;
  border-radius:11px;
  color:var(--g-d);
  font-size:14px;
  font-weight:700;
  transition:border-color .2s,background-color .2s;
}

.home-page .solution-link:hover{
  border-color:var(--g);
  background:var(--mint);
}

.home-page .solution-proof-title{
  margin:18px 0 22px;
  font-size:clamp(25px,2vw,34px);
}

.home-page .solution-metrics{
  display:grid;
  gap:12px;
  margin-bottom:26px;
}

.home-page .solution-metrics>div{
  padding:18px 20px;
  border:1px solid #e2ece5;
  border-radius:14px;
  background:#f9fcfa;
}

.home-page .solution-metrics b{
  display:block;
  color:var(--g-d);
  font-family:var(--disp);
  font-size:30px;
  line-height:1;
}

.home-page .solution-metrics span{
  display:block;
  margin-top:7px;
  color:#606b64;
  font-size:14px;
}

@media(max-width:1320px){
  .home-page .solution-tabs{justify-content:flex-start}
  .home-page .solution-panel{
    grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr);
  }
}

@media(max-width:980px){
  .home-page .solution-explorer .wrap{
    width:min(calc(100% - 40px),900px);
  }

  .home-page .solution-panel{
    grid-template-columns:1fr;
  }

  .home-page .solution-panels{min-height:0}
  .home-page .solution-proof{min-height:0}
}

@media(max-width:640px){
  .home-page .solution-explorer{
    padding:64px 0 68px;
  }

  .home-page .solution-explorer .wrap{
    width:calc(100% - 28px);
  }

  .home-page .solution-head{
    margin-bottom:27px;
    padding-inline:8px;
  }

  .home-page .solution-head h2{
    font-size:34px;
  }

  .home-page .solution-head>p{
    font-size:16px;
    line-height:1.58;
  }

  .home-page .solution-tabs{
    margin-inline:-14px;
    padding-inline:14px;
  }

  .home-page .solution-tab{
    min-height:46px;
    padding:10px 15px;
    font-size:13.5px;
  }

  .home-page .solution-panel{gap:14px}

  .home-page .solution-summary,
  .home-page .solution-proof{
    padding:25px 22px;
    border-radius:19px;
  }

  .home-page .solution-summary>h3{
    font-size:28px;
  }

  .home-page .solution-summary>p{
    font-size:16px;
  }

  .home-page .solution-scenarios{
    grid-template-columns:1fr;
    margin-top:23px;
  }

  .home-page .solution-scenarios>section{
    min-height:0;
    padding:19px;
  }

  .home-page .solution-scenarios p,
  .home-page .solution-scenarios li{
    font-size:14.5px;
  }

  .home-page .solution-cases>section{
    padding:17px;
  }
}

/* V79 DOLPHLINK-STYLE ABOUT MODAL */
.about-modal{
  position:fixed;
  inset:0;
  z-index:1300;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:24px;
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transition:opacity .28s ease,visibility .28s ease;
}

.about-modal.is-open{
  opacity:1;
  visibility:visible;
  pointer-events:auto;
}

.about-modal-backdrop{
  position:absolute;
  inset:0;
  background:rgba(7,45,25,.62);
  -webkit-backdrop-filter:blur(6px);
  backdrop-filter:blur(6px);
}

.about-dialog{
  position:relative;
  z-index:1;
  width:min(960px,calc(100vw - 48px));
  height:min(88vh,920px);
  overflow:hidden;
  display:flex;
  flex-direction:column;
  border:1px solid rgba(255,255,255,.72);
  border-radius:20px;
  background:#fff;
  box-shadow:0 34px 100px rgba(5,45,23,.38);
  opacity:0;
  transform:translateY(18px) scale(.975);
  transition:opacity .3s ease,transform .34s cubic-bezier(.22,.61,.36,1);
}

.about-modal.is-open .about-dialog{
  opacity:1;
  transform:none;
}

.about-frame{
  width:100%;
  height:100%;
  flex:1 1 auto;
  border:0;
  background:#fff;
}

.about-close{
  position:absolute;
  top:12px;
  right:12px;
  z-index:4;
  width:46px;
  height:46px;
  display:grid;
  place-items:center;
  padding:0;
  border:3px solid #fff;
  border-radius:14px;
  background:var(--g);
  color:#fff;
  box-shadow:0 4px 18px rgba(20,67,42,.28),0 0 0 2px var(--g);
  cursor:pointer;
  transition:background-color .2s,transform .2s;
}

.about-close:hover{
  background:var(--g-d);
  transform:translateY(-1px);
}

.about-close:focus-visible,
.about-scroll-controls button:focus-visible{
  outline:3px solid rgba(58,177,93,.35);
  outline-offset:3px;
}

.about-close .ti{font-size:23px}

.about-scroll-controls{
  position:absolute;
  right:16px;
  bottom:16px;
  z-index:4;
  display:flex;
  flex-direction:column;
  gap:8px;
}

.about-scroll-controls button{
  width:44px;
  height:44px;
  display:grid;
  place-items:center;
  padding:0;
  border:1px solid rgba(255,255,255,.7);
  border-radius:50%;
  background:var(--g);
  color:#fff;
  box-shadow:0 8px 24px rgba(20,67,42,.25);
  cursor:pointer;
}

.about-scroll-controls button:hover{background:var(--g-d)}
.about-scroll-controls button[hidden]{display:none}
.about-scroll-controls .ti{font-size:20px}

html.about-modal-lock{overflow:hidden!important}
html.about-modal-open .home-page header.site nav a.about-current{color:var(--g-d)}

/* The same about.html remains directly accessible; only its in-modal view is restyled. */
html.about-embed body{
  padding-left:0!important;
  background:#fff;
}

html.about-embed .rail,
html.about-embed header.site,
html.about-embed footer.site{
  display:none!important;
}

html.about-embed .main-shell{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
}

html.about-embed .subpage-hero{
  min-height:0;
  padding:54px 64px 30px!important;
  border:0!important;
  background:#fff!important;
  text-align:center;
}

html.about-embed .subpage-hero .inner{
  max-width:760px!important;
  margin:0 auto!important;
  padding:0!important;
  text-align:center!important;
}

html.about-embed .subpage-hero .section-label{
  position:relative;
  margin-bottom:14px;
  color:var(--g-d)!important;
  font-size:12px;
  letter-spacing:.16em;
}

html.about-embed .subpage-hero h1{
  max-width:720px;
  margin:0 auto 13px;
  color:var(--ink)!important;
  font-size:clamp(34px,4vw,48px);
  line-height:1.12;
}

html.about-embed .subpage-hero p{
  max-width:720px;
  margin:0 auto!important;
  color:#6a756e!important;
  font-size:16px;
}

html.about-embed .subpage-hero::before{
  content:"";
  position:absolute;
  left:50%;
  bottom:13px;
  width:64px;
  height:2px;
  transform:translateX(-50%);
  background:var(--g);
}

html.about-embed .terms-section{background:#fff}

html.about-embed .terms-document{
  max-width:860px!important;
  margin:0 auto!important;
  padding:22px 54px 72px!important;
}

html.about-embed .terms-meta{
  margin:0 0 18px;
  padding:16px 0 24px;
  border-bottom:1px solid var(--line);
  color:#758078;
  font-size:14px;
}

html.about-embed .terms-meta strong{color:var(--g-dd)}

html.about-embed .terms-clause{
  padding:32px 0;
  border-top:1px solid var(--line);
}

html.about-embed .terms-clause:first-of-type{
  padding-top:18px;
  border-top:0;
}

html.about-embed .terms-clause>h2{
  position:relative;
  padding-left:16px;
  font-size:clamp(25px,3vw,32px);
}

html.about-embed .terms-clause>h2::before{
  content:"";
  position:absolute;
  top:.08em;
  bottom:.08em;
  left:0;
  width:4px;
  border-radius:4px;
  background:var(--g);
}

html.about-embed .about-intro{
  margin-top:17px;
  padding:19px 21px;
  border-color:#d9ede0;
  background:#f2faf5;
  font-size:16px;
}

html.about-embed .scn-grid{gap:13px}

html.about-embed .scn{
  min-height:132px;
  padding:18px 19px;
  border-color:#e2ece5;
  border-radius:13px;
  background:#fff;
  box-shadow:0 5px 18px rgba(20,67,42,.045);
}

html.about-embed .scn h3{
  color:var(--g-dd);
  font-size:16px;
}

html.about-embed .scn p{
  font-size:14px;
  line-height:1.65;
}

@media(max-width:700px){
  .about-modal{padding:0}

  html.about-modal-open #dlpk-chat{
    opacity:0;
    visibility:hidden;
    pointer-events:none;
  }

  .about-dialog{
    width:100%;
    height:100%;
    max-width:none;
    max-height:none;
    border:0;
    border-radius:0;
  }

  .about-close{
    top:calc(12px + env(safe-area-inset-top,0px));
    right:14px;
  }

  .about-scroll-controls{
    right:14px;
    bottom:calc(14px + env(safe-area-inset-bottom,0px));
  }

  html.about-embed .subpage-hero{
    padding:70px 24px 34px!important;
  }

  html.about-embed .subpage-hero h1{font-size:34px}

  html.about-embed .terms-document{
    padding:16px 22px 72px!important;
  }

  html.about-embed .terms-clause{padding:28px 0}
  html.about-embed .scn-grid{grid-template-columns:1fr}
}

@media(prefers-reduced-motion:reduce){
  .about-modal,
  .about-dialog{
    transition:none;
  }
}

/* ==========================================================================
   V81 — DOLPHLINK MOTION SYSTEM, ADAPTED FOR TALKTIDE
   Progressive enhancement: content remains visible until JavaScript adds
   .fx-ready; reduced-motion and coarse-pointer users receive a stable layout.
   ========================================================================== */

/* 01 — page-level feedback */
.home-page .fx-progress{
  position:fixed;
  top:0;
  left:0;
  z-index:1500;
  width:100%;
  height:3px;
  border-radius:0 3px 3px 0;
  background:#31b45c;
  box-shadow:0 0 12px rgba(49,180,92,.42);
  transform:scaleX(0);
  transform-origin:left center;
  will-change:transform;
  pointer-events:none;
}

.home-page .fx-to-top{
  position:fixed;
  right:24px;
  bottom:calc(86px + env(safe-area-inset-bottom,0px));
  z-index:850;
  width:48px;
  height:48px;
  display:grid;
  place-items:center;
  padding:0;
  border:1px solid rgba(255,255,255,.82);
  border-radius:50%;
  background:#168942;
  color:#fff;
  box-shadow:0 14px 34px rgba(6,54,27,.25);
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transform:translateY(12px) scale(.92);
  transition:opacity .25s ease,visibility .25s ease,transform .3s cubic-bezier(.22,.61,.36,1),background-color .2s;
  cursor:pointer;
}

.home-page .fx-to-top.is-visible{
  opacity:1;
  visibility:visible;
  pointer-events:auto;
  transform:none;
}

.home-page .fx-to-top:hover{
  background:#0d6e33;
  transform:translateY(-3px);
}

.home-page .fx-to-top:focus-visible{
  outline:3px solid rgba(58,177,93,.35);
  outline-offset:4px;
}

.home-page .fx-to-top .ti{font-size:22px}

/* 02 — sticky header elevation and active section state */
.home-page header.site{
  transition:box-shadow .28s ease,background-color .28s ease,border-color .28s ease;
}

.home-page header.site.fx-scrolled{
  border-bottom-color:rgba(20,67,42,.1);
  background:rgba(255,255,255,.96);
  -webkit-backdrop-filter:blur(14px) saturate(125%);
  backdrop-filter:blur(14px) saturate(125%);
  box-shadow:0 10px 30px rgba(10,52,29,.1);
}

.home-page header.site nav a{
  position:relative;
  transition:color .2s ease,opacity .2s ease;
}

.home-page header.site nav a::after{
  content:"";
  position:absolute;
  right:12px;
  bottom:7px;
  left:12px;
  height:2px;
  border-radius:2px;
  background:#28a752;
  transform:scaleX(0);
  transform-origin:center;
  transition:transform .24s cubic-bezier(.22,.61,.36,1);
}

.home-page header.site nav a:hover::after,
.home-page header.site nav a:focus-visible::after,
.home-page header.site nav a.fx-active::after{
  transform:scaleX(1);
}

.home-page header.site nav a.fx-active{color:#0d7837}

/* 03 — first-view choreography */
.fx-ready .home-page .hero .hcopy > *,
.fx-ready .home-page .hero .clocks,
.fx-ready .home-page .hero .msg-card,
.fx-ready .home-page .hero .stats .stat{
  opacity:0;
}

.fx-ready.fx-hero-in .home-page .hero .hcopy > *{
  animation:fxHeroCopy .72s cubic-bezier(.22,.61,.36,1) both;
}

.fx-ready.fx-hero-in .home-page .hero .hcopy > :nth-child(1){animation-delay:.06s}
.fx-ready.fx-hero-in .home-page .hero .hcopy > :nth-child(2){animation-delay:.13s}
.fx-ready.fx-hero-in .home-page .hero .hcopy > :nth-child(3){animation-delay:.2s}
.fx-ready.fx-hero-in .home-page .hero .hcopy > :nth-child(4){animation-delay:.27s}

.fx-ready.fx-hero-in .home-page .hero .clocks{
  animation:fxClockDrop .72s .16s cubic-bezier(.22,.61,.36,1) both;
}

.fx-ready.fx-hero-in .home-page .hero .msg-card{
  animation:fxMessagePop .68s .38s cubic-bezier(.2,.8,.2,1) both;
}

@keyframes fxHeroCopy{
  from{opacity:0;transform:translate3d(24px,20px,0)}
  to{opacity:1;transform:none}
}

@keyframes fxClockDrop{
  from{opacity:0;transform:translate3d(0,-14px,0)}
  to{opacity:1;transform:none}
}

@keyframes fxMessagePop{
  0%{opacity:0;transform:translate3d(-12px,18px,0) scale(.94)}
  72%{opacity:1;transform:translate3d(0,-2px,0) scale(1.015)}
  100%{opacity:1;transform:none}
}

/* 04 — universal reveal system */
.fx-ready .home-page .fx-reveal{
  opacity:0;
  filter:blur(2px);
  transform:translate3d(0,24px,0) scale(.988);
  transition:
    opacity .68s cubic-bezier(.22,.61,.36,1) var(--fx-delay,0ms),
    transform .72s cubic-bezier(.22,.61,.36,1) var(--fx-delay,0ms),
    filter .48s ease var(--fx-delay,0ms);
  will-change:opacity,transform;
}

.fx-ready .home-page .fx-reveal[data-fx-direction="left"]{
  transform:translate3d(-28px,0,0) scale(.99);
}

.fx-ready .home-page .fx-reveal[data-fx-direction="right"]{
  transform:translate3d(28px,0,0) scale(.99);
}

.fx-ready .home-page .fx-reveal.is-revealed{
  opacity:1;
  filter:none;
  transform:none;
}

/* 05 — section title accent without changing layout */
.home-page .fx-title-shine{
  animation:fxTitleShine 1.05s ease both;
}

@keyframes fxTitleShine{
  0%,100%{color:var(--ink);text-shadow:none}
  46%{color:#0e7f3a;text-shadow:0 6px 24px rgba(40,167,82,.18)}
}

/* 06 — proof metric completion */
.home-page .stats .stat b{
  transform-origin:left center;
}

.home-page .stats .stat b.fx-count-complete{
  animation:fxCountSettle .38s cubic-bezier(.2,.8,.2,1);
}

@keyframes fxCountSettle{
  0%{transform:scale(.92);opacity:.7}
  60%{transform:scale(1.045)}
  100%{transform:scale(1);opacity:1}
}

/* 07 — product journey sequence */
.home-page .flow .fstep .ic,
.home-page .flow .fstep .arrow{
  transition:transform .42s cubic-bezier(.22,.61,.36,1),color .3s ease,background-color .3s ease;
}

.home-page .flow.fx-play .fstep .ic{
  animation:fxStepPulse .58s cubic-bezier(.2,.8,.2,1) both;
}

.home-page .flow.fx-play .fstep:nth-child(2) .ic{animation-delay:.1s}
.home-page .flow.fx-play .fstep:nth-child(3) .ic{animation-delay:.2s}
.home-page .flow.fx-play .fstep:nth-child(4) .ic{animation-delay:.3s}
.home-page .flow.fx-play .fstep:nth-child(5) .ic{animation-delay:.4s}

.home-page .flow.fx-play .fstep .arrow{
  animation:fxArrowNudge 1.8s .35s ease-in-out 2;
}

@keyframes fxStepPulse{
  0%{transform:scale(.72);opacity:.35}
  70%{transform:scale(1.1)}
  100%{transform:scale(1);opacity:1}
}

@keyframes fxArrowNudge{
  0%,100%{transform:translateX(0)}
  50%{transform:translateX(5px)}
}

/* 08 — process connector and compliance sequence */
.home-page .proc-steps{
  position:relative;
}

.home-page .proc-steps::after{
  content:"";
  position:absolute;
  top:37px;
  right:17%;
  left:17%;
  z-index:0;
  height:1px;
  background:rgba(40,167,82,.28);
  transform:scaleX(0);
  transform-origin:left center;
}

.home-page .proc.fx-play .proc-steps::after{
  animation:fxLineDraw .9s .24s cubic-bezier(.22,.61,.36,1) forwards;
}

.home-page .pstep{position:relative;z-index:1}

.home-page .compl.fx-play .cmpl .ic{
  animation:fxTrustPulse .55s cubic-bezier(.2,.8,.2,1) both;
}

.home-page .compl.fx-play .cmpl:nth-child(2) .ic{animation-delay:.08s}
.home-page .compl.fx-play .cmpl:nth-child(3) .ic{animation-delay:.16s}
.home-page .compl.fx-play .cmpl:nth-child(4) .ic{animation-delay:.24s}

@keyframes fxLineDraw{to{transform:scaleX(1)}}

@keyframes fxTrustPulse{
  0%{transform:scale(.75);opacity:.3}
  68%{transform:scale(1.08)}
  100%{transform:scale(1);opacity:1}
}

/* 09 — interactive card depth */
.home-page .fx-tilt{
  transform-style:preserve-3d;
  transform-origin:center;
  will-change:transform;
  transition:transform .2s ease,box-shadow .24s ease,border-color .24s ease;
}

.home-page .fx-tilt:hover{
  border-color:rgba(40,167,82,.36);
  box-shadow:0 18px 42px rgba(10,60,31,.12);
}

.home-page .fx-tilt > *{transform:translateZ(0)}

.home-page .ind .ind-icon,
.home-page .cmpl .ic,
.home-page .pstep .pn{
  transition:transform .26s cubic-bezier(.22,.61,.36,1),background-color .2s,color .2s;
}

.home-page .ind:hover .ind-icon,
.home-page .cmpl:hover .ic,
.home-page .pstep:hover .pn{
  transform:translateY(-2px) scale(1.06);
}

/* 10 — panel state transitions */
.home-page .solution-panel.fx-panel-enter{
  animation:fxPanelEnter .58s cubic-bezier(.22,.61,.36,1) both;
}

.home-page .feature-face.fx-face-enter .fimg,
.home-page .feature-face.fx-face-enter .fcopy{
  animation:fxFaceEnter .58s cubic-bezier(.22,.61,.36,1) both;
}

.home-page .feature-face.fx-face-enter .fcopy{animation-delay:.06s}

@keyframes fxPanelEnter{
  from{opacity:.18;transform:translate3d(0,12px,0) scale(.992)}
  to{opacity:1;transform:none}
}

@keyframes fxFaceEnter{
  from{opacity:.28;transform:translate3d(0,14px,0)}
  to{opacity:1;transform:none}
}

/* 11 — button ripple and magnetic response */
.home-page .fx-ripple-host{
  position:relative;
  overflow:hidden;
  isolation:isolate;
}

.home-page .about-close.fx-ripple-host{
  position:absolute;
}

.home-page .fx-ripple-host > *{position:relative;z-index:1}

.home-page .fx-ripple{
  position:absolute!important;
  z-index:0!important;
  display:block;
  border-radius:50%;
  background:rgba(255,255,255,.45);
  transform:scale(0);
  opacity:1;
  pointer-events:none;
  animation:fxRipple .62s ease-out forwards;
}

.home-page .btn-white .fx-ripple,
.home-page .btn-ghost .fx-ripple,
.home-page .solution-tab .fx-ripple{
  background:rgba(40,167,82,.2);
}

.home-page .fx-magnetic{
  transition:translate .18s ease,transform .2s ease,box-shadow .2s ease,background-color .2s ease,border-color .2s ease;
}

@keyframes fxRipple{
  to{transform:scale(2.4);opacity:0}
}

/* 12 — partner rail states */
.home-page .trust .partner-marquee:focus{
  outline:none;
}

.home-page .trust .partner-marquee:focus-visible{
  outline:3px solid rgba(58,177,93,.26);
  outline-offset:4px;
}

.home-page .trust .partner-marquee:focus .partner-track,
.home-page .trust .partner-marquee:focus-within .partner-track{
  animation-play-state:paused;
}

.home-page .trust .partner-group img{
  transition:transform .24s ease,box-shadow .24s ease,opacity .24s ease;
}

.home-page .trust .partner-marquee:hover .partner-group img{opacity:.84}

.home-page .trust .partner-marquee:hover .partner-group img:hover{
  opacity:1;
  transform:translateY(-4px) scale(1.025);
  box-shadow:0 16px 34px rgba(7,54,27,.18);
}

/* 13 — subtle hero depth */
.home-page .hero .himg video{
  --fx-x:0px;
  --fx-y:0px;
  transform:translate3d(var(--fx-x),var(--fx-y),0) scale(1.018);
  transform-origin:center;
  will-change:transform;
  transition:transform .28s ease-out;
}

.home-page .hero .clocks,
.home-page .hero .msg-card{
  transition:translate .24s ease-out,box-shadow .24s ease;
}

.home-page .hero .msg-card:hover{
  box-shadow:0 18px 42px rgba(0,0,0,.25);
}

/* 14 — animation performance */
.home-page .fx-paused,
.home-page .fx-paused::before,
.home-page .fx-paused::after,
.home-page .fx-paused *,
.home-page .fx-paused *::before,
.home-page .fx-paused *::after,
.home-page.fx-page-hidden *,
.home-page.fx-page-hidden *::before,
.home-page.fx-page-hidden *::after{
  animation-play-state:paused!important;
}

.home-page .sr-only{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  padding:0!important;
  margin:-1px!important;
  overflow:hidden!important;
  clip:rect(0,0,0,0)!important;
  white-space:nowrap!important;
  border:0!important;
}

/* 15 — small-screen restraint */
@media(max-width:900px){
  .home-page .fx-progress{height:2px}

  .home-page .fx-to-top{
    right:16px;
    bottom:calc(80px + env(safe-area-inset-bottom,0px));
    width:44px;
    height:44px;
  }

  .home-page header.site nav a::after{
    right:auto;
    bottom:7px;
    left:12px;
    width:34px;
    transform-origin:left center;
  }

  .home-page .proc-steps::after{display:none}

  .fx-ready .home-page .fx-reveal{
    filter:none;
    transform:translate3d(0,16px,0);
    transition-duration:.48s;
  }

  .fx-ready .home-page .fx-reveal[data-fx-direction="left"],
  .fx-ready .home-page .fx-reveal[data-fx-direction="right"]{
    transform:translate3d(0,16px,0);
  }

  .home-page .hero .himg video{
    transform:none;
    transition:none;
  }
}

/* 16 — accessibility fallbacks */
@media(prefers-reduced-motion:reduce){
  .home-page .fx-progress{display:none}

  .fx-ready .home-page .hero .hcopy > *,
  .fx-ready .home-page .hero .clocks,
  .fx-ready .home-page .hero .msg-card,
  .fx-ready .home-page .fx-reveal{
    opacity:1!important;
    filter:none!important;
    transform:none!important;
    animation:none!important;
    transition:none!important;
  }

  .home-page .fx-title-shine,
  .home-page .stats .stat b.fx-count-complete,
  .home-page .flow.fx-play .fstep .ic,
  .home-page .flow.fx-play .fstep .arrow,
  .home-page .proc.fx-play .proc-steps::after,
  .home-page .compl.fx-play .cmpl .ic,
  .home-page .solution-panel.fx-panel-enter,
  .home-page .feature-face.fx-face-enter .fimg,
  .home-page .feature-face.fx-face-enter .fcopy,
  .home-page .fx-ripple{
    animation:none!important;
  }

  .home-page .proc-steps::after{transform:scaleX(1)}
  .home-page .fx-tilt{transform:none!important}
  .home-page .fx-magnetic{translate:none!important}
  .home-page .hero .himg video{transform:none!important;transition:none!important}

  .home-page .fx-to-top{
    transition:none;
  }
}

@media(forced-colors:active){
  .home-page .fx-progress,
  .home-page .fx-to-top,
  .home-page header.site nav a::after{
    forced-color-adjust:auto;
  }

  .home-page .fx-to-top,
  .home-page .fx-tilt{
    border:1px solid ButtonText;
  }
}

/* ==========================================================================
   V83 — FULL-BLEED REGIONAL CTA + PULLED-UP FROSTED FOOTER
   The supplied team photograph is the complete closing-stage background.
   Conversion copy and footer navigation sit on readable glass surfaces.
   ========================================================================== */
.home-page .cta{
  position:relative;
  isolation:isolate;
  min-height:clamp(520px,38vw,660px);
  display:flex;
  align-items:center;
  padding:clamp(56px,6vw,96px) clamp(42px,6vw,108px) 132px;
  overflow:hidden;
  background:#0b4428;
}

.home-page .cta::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  background:rgba(3,34,18,.22);
  pointer-events:none;
}

.home-page .cta .cimg{
  position:absolute;
  inset:0;
  z-index:0;
  width:100%;
  height:100%;
  overflow:hidden;
}

.home-page .cta .cimg img{
  display:block;
  width:100%;
  height:100%;
  min-height:100%;
  object-fit:cover;
  object-position:center 52%;
  transform:none;
}

.home-page .cta .ccopy{
  position:relative;
  z-index:2;
  width:min(540px,43vw);
  margin:0;
  padding:clamp(30px,3vw,44px);
  border:1px solid rgba(255,255,255,.28);
  border-radius:22px;
  background:rgba(4,58,30,.76);
  -webkit-backdrop-filter:blur(18px) saturate(118%);
  backdrop-filter:blur(18px) saturate(118%);
  box-shadow:0 24px 70px rgba(1,24,12,.3);
}

.home-page .cta .ccopy h2{
  max-width:500px;
  margin:0 0 18px;
  color:#fff;
  font-size:clamp(34px,3.05vw,50px);
  line-height:1.08;
  letter-spacing:-.025em;
}

.home-page .cta .ccopy p{
  max-width:490px;
  margin:0 0 26px;
  color:rgba(255,255,255,.9);
  font-size:clamp(16px,1.25vw,19px);
  line-height:1.62;
}

.home-page .cta .cta-row{
  width:min(100%,390px);
  gap:10px;
}

.home-page .cta .btn{
  width:100%;
  min-height:50px;
  justify-content:space-between;
}

.home-page footer.site{
  position:relative;
  z-index:4;
  width:100%;
  min-height:0;
  height:auto;
  margin-top:-96px;
  padding:44px 0 24px;
  border-top:1px solid rgba(255,255,255,.2);
  border-radius:26px 26px 0 0;
  background:rgba(4,55,29,.9);
  -webkit-backdrop-filter:blur(20px) saturate(118%);
  backdrop-filter:blur(20px) saturate(118%);
  box-shadow:0 -18px 52px rgba(1,26,13,.2);
}

.home-page footer.site .wrap{
  width:min(calc(100% - 64px),1520px);
  height:auto;
  overflow:visible;
}

.home-page footer.site .foot-top{
  align-items:start;
  gap:clamp(28px,4vw,68px);
}

.home-page footer.site .foot-bottom{
  margin-top:28px;
  padding-top:20px;
}

@media(min-width:1800px){
  .home-page .cta{
    min-height:660px;
    padding-inline:clamp(84px,6vw,150px);
  }

  .home-page .cta .ccopy{
    width:min(600px,40vw);
    padding:48px;
  }

  .home-page .cta .ccopy h2{
    max-width:550px;
    font-size:54px;
  }

  .home-page .cta .ccopy p{
    max-width:535px;
    font-size:20px;
  }

  .home-page footer.site{
    margin-top:-112px;
    padding-top:52px;
  }
}

@media(min-width:901px) and (max-width:1180px){
  .home-page .cta{
    min-height:560px;
    padding:54px 40px 116px;
  }

  .home-page .cta .ccopy{
    width:min(480px,50vw);
    padding:34px;
  }

  .home-page .cta .ccopy h2{font-size:38px}
  .home-page .cta .ccopy p{font-size:16px}

  .home-page footer.site{
    margin-top:-84px;
  }
}

@media(max-width:900px){
  .home-page .cta{
    min-height:700px;
    display:flex;
    align-items:flex-end;
    padding:32px 20px 106px;
  }

  .home-page .cta::before{
    background:rgba(3,34,18,.3);
  }

  .home-page .cta .cimg img{
    object-position:62% center;
  }

  .home-page .cta .ccopy{
    width:100%;
    max-width:620px;
    margin:0 auto;
    padding:28px;
    border-radius:20px;
    background:rgba(4,58,30,.8);
  }

  .home-page .cta .ccopy h2{
    max-width:520px;
    font-size:clamp(31px,8.3vw,42px);
  }

  .home-page .cta .ccopy p{
    max-width:520px;
    font-size:16px;
  }

  .home-page .cta .cta-row{width:100%}

  .home-page footer.site{
    margin-top:-64px;
    padding:36px 0 24px;
    border-radius:22px 22px 0 0;
  }

  .home-page footer.site .wrap{
    width:calc(100% - 32px);
  }
}

@media(max-width:430px){
  .home-page .cta{
    min-height:740px;
    padding:24px 14px 94px;
  }

  .home-page .cta .cimg img{
    object-position:66% center;
  }

  .home-page .cta .ccopy{
    padding:24px 22px;
  }

  .home-page .cta .ccopy h2{
    font-size:30px;
  }

  .home-page footer.site{
    margin-top:-54px;
    padding-top:32px;
  }
}

/* ==========================================================================
   V84 — DOLPHLINK-ALIGNED READABILITY SCALE
   Dolphlink's comfortable reading rhythm comes from clear 32px+ section
   headings, 16px content text and generous leading. Talktide uses that same
   hierarchy while retaining the wider regional layout and brand typography.
   ========================================================================== */
.home-page{
  font-size:17px;
  line-height:1.65;
}

.home-page header.site nav a{
  font-size:17px;
  line-height:1.35;
}

.home-page .lang-btn,
.home-page header.site .btn,
.home-page .btn{
  font-size:16px;
}

.home-page .hero .eyebrow{
  font-size:15px;
  line-height:1.45;
}

.home-page .hero p.lead{
  max-width:600px;
  font-size:18px;
  line-height:1.65;
}

.home-page .clocks .ck b{font-size:16px}
.home-page .clocks .ck span{font-size:10.5px}
.home-page .msg-card b{font-size:14.5px}
.home-page .msg-card span{font-size:13px}

.home-page .trust .tt{
  font-size:14.5px;
  line-height:1.5;
}

.home-page .stat b{font-size:30px}
.home-page .stat span{
  font-size:15px;
  line-height:1.45;
}

.home-page .feat h2{
  font-size:clamp(36px,3vw,42px);
  line-height:1.14;
}

.home-page .feat .fintro{
  font-size:18px;
  line-height:1.65;
}

.home-page .flist .fi b{
  font-size:16.5px;
  line-height:1.4;
}

.home-page .flist .fi p{
  font-size:16px;
  line-height:1.62;
}

.home-page .chip b{font-size:14px}
.home-page .chip span{font-size:12.5px}
.home-page .feature-rotator-hint{
  font-size:14.5px;
  line-height:1.5;
}

.home-page .flow h2,
.home-page .inds h2,
.home-page .proc h2,
.home-page .compl h2{
  font-size:clamp(38px,3.15vw,44px);
  line-height:1.16;
}

.home-page .fstep .fh b{
  font-size:16.5px;
  line-height:1.4;
}

.home-page .fstep .fh small{
  font-size:16px;
  line-height:1.5;
}

.home-page .btime{
  font-size:14px;
  line-height:1.45;
}

.home-page .bubble{
  font-size:16px;
  line-height:1.55;
}

.home-page .bubble.flow-card{
  font-size:16px;
  line-height:1.55;
}

.home-page .mini-action{
  font-size:15px;
}

.home-page .inds .subline,
.home-page .inds .subline a{
  font-size:15.5px;
  line-height:1.55;
}

.home-page .ind .lbl{
  font-size:13.5px;
  line-height:1.45;
}

.home-page .ind h3{
  font-size:24px;
  line-height:1.24;
}

.home-page .ind .more{
  font-size:15.5px;
}

.home-page .solution-eyebrow,
.home-page .solution-kicker{
  font-size:14px;
  line-height:1.45;
}

.home-page .solutions-home .solution-intro,
.home-page .solution-panel > p{
  font-size:18px;
  line-height:1.68;
}

.home-page .solution-panel h3{
  font-size:clamp(30px,2.4vw,36px);
  line-height:1.18;
}

.home-page .solution-panel h4{
  font-size:19px;
  line-height:1.35;
}

.home-page .solution-panel .solution-grid p,
.home-page .solution-panel .solution-aside p{
  font-size:16px;
  line-height:1.62;
}

.home-page .solution-link{
  font-size:15.5px;
}

.home-page .pstep h3{
  font-size:21px;
  line-height:1.3;
}

.home-page .pstep > p{
  font-size:17px;
  line-height:1.62;
}

.home-page .pstep li{
  font-size:16px;
  line-height:1.68;
}

.home-page .psup b{
  font-size:16px;
  line-height:1.4;
}

.home-page .psup p{
  font-size:15.5px;
  line-height:1.55;
}

.home-page .story-grid .simg .sov .lbl{
  font-size:13px;
}

.home-page .story-grid .simg .sov h3{
  font-size:clamp(30px,2.6vw,36px);
  line-height:1.16;
}

.home-page .story-grid .simg .sov a{
  font-size:15.5px;
}

.home-page .scol h4{
  font-size:16px;
  line-height:1.45;
}

.home-page .scol p,
.home-page .scol li{
  font-size:16px;
  line-height:1.62;
}

.home-page .quote p{
  font-size:17px;
  line-height:1.62;
}

.home-page .quote .qa{
  font-size:14.5px;
  line-height:1.5;
}

.home-page .cmpl b{
  font-size:16.5px;
  line-height:1.4;
}

.home-page .cmpl p{
  font-size:16px;
  line-height:1.62;
}

.home-page .cta .ccopy h2{
  font-size:clamp(40px,3.35vw,54px);
  line-height:1.08;
}

.home-page .cta .ccopy p{
  font-size:clamp(18px,1.35vw,21px);
  line-height:1.65;
}

.home-page footer.site .foot-brand p,
.home-page footer.site .foff p,
.home-page footer.site .fcol a{
  font-size:15.5px;
  line-height:1.62;
}

.home-page footer.site .foff b,
.home-page footer.site .fcol h4{
  font-size:14px;
  line-height:1.45;
}

.home-page footer.site .foot-bottom{
  font-size:14px;
  line-height:1.5;
}

@media(max-width:900px){
  .home-page{
    font-size:16px;
  }

  .home-page header.site .h-actions{
    gap:4px;
  }

  .home-page header.site .h-actions .btn{
    padding-inline:8px;
    font-size:15px;
  }

  .home-page header.site .nav-toggle{
    margin-left:4px;
  }

  .home-page header.site nav a{
    font-size:17px;
  }

  .home-page .hero .eyebrow{
    font-size:13.5px;
  }

  .home-page .hero p.lead{
    font-size:17px;
    line-height:1.62;
  }

  .home-page .feat h2,
  .home-page .flow h2,
  .home-page .inds h2,
  .home-page .proc h2,
  .home-page .compl h2{
    font-size:clamp(31px,8vw,38px);
    line-height:1.16;
  }

  .home-page .feat .fintro,
  .home-page .solutions-home .solution-intro,
  .home-page .solution-panel > p{
    font-size:17px;
  }

  .home-page .fstep .fh small,
  .home-page .bubble,
  .home-page .flist .fi p,
  .home-page .cmpl p,
  .home-page .scol p,
  .home-page .scol li{
    font-size:15.5px;
  }

  .home-page .bubble.flow-card{
    font-size:15.5px;
    line-height:1.55;
  }

  .home-page .pstep > p{font-size:16px}
  .home-page .pstep li{font-size:15.5px}

  .home-page .cta .ccopy h2{
    font-size:clamp(32px,9vw,42px);
  }

  .home-page .cta .ccopy p{
    font-size:17px;
  }

  .home-page footer.site .foot-brand p,
  .home-page footer.site .foff p,
  .home-page footer.site .fcol a{
    font-size:16px;
  }
}

/* ==========================================================================
   V85 — REFINED OMNICHANNEL JOURNEY
   Uses one dedicated Bali destination asset and one consistent Tabler icon
   language. The journey keeps equal channel columns without ultra-wide stretch.
   ========================================================================== */
.home-page .flow{
  height:auto!important;
  min-height:0!important;
  padding:92px 0 102px;
  background:linear-gradient(180deg,#fff 0%,#f5faf7 100%);
}

.home-page .flow > .wrap{
  width:min(calc(100% - 64px),1320px);
}

.home-page .flow h2{
  max-width:1050px;
  margin:0 auto 48px;
  text-wrap:balance;
}

.home-page .flow-journey{
  width:100%;
  outline:none;
}

.home-page .flow-journey:focus-visible{
  border-radius:18px;
  box-shadow:0 0 0 3px rgba(30,160,82,.2);
}

.home-page .flow-steps{
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  gap:20px!important;
  align-items:stretch;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}

.home-page .fstep{
  min-width:0;
  min-height:68px;
  display:flex;
  align-items:center;
  padding:0!important;
}

.home-page .fstep .fh{
  width:100%;
  align-items:center;
  gap:12px;
  margin:0;
}

.home-page .flow .fstep .fh .ic{
  width:46px!important;
  height:46px!important;
  flex:0 0 46px;
  border:1px solid #cce9d6;
  background:#eff9f3;
  color:var(--g);
  box-shadow:0 7px 18px rgba(30,145,74,.08);
}

.home-page .flow .fstep .fh .ic .ti{
  font-size:24px!important;
}

.home-page .fstep .fh b{
  display:block;
  margin-bottom:2px;
  font-size:16.5px;
  line-height:1.35;
}

.home-page .fstep .fh small{
  max-width:170px;
  font-size:14.5px;
  line-height:1.45;
}

.home-page .flow .fstep .arrow{
  top:22px!important;
  right:-18px;
  color:#9aa8a0;
  opacity:.8;
}

.home-page .flow .fstep .arrow .ti{
  font-size:19px;
}

.home-page .bubbles{
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  gap:20px!important;
  align-items:stretch;
  margin-top:26px!important;
}

.home-page .bcol{
  min-width:0;
  display:flex;
  flex-direction:column;
}

.home-page .btime{
  margin-bottom:9px;
  color:#5f6e66;
  font-size:14px;
  line-height:1.4;
}

.home-page .bubble,
.home-page .bubble.flow-card{
  border:1px solid #d9e9df;
  border-radius:15px;
  background:rgba(255,255,255,.96);
  box-shadow:0 12px 28px rgba(18,72,43,.055);
}

.home-page .bubble.flow-card{
  min-height:228px!important;
  padding:17px;
  font-size:16px;
  line-height:1.58;
}

.home-page .bubble.g{
  background:#edf8f1;
  border-color:#d2e9da;
}

.home-page .bcol:nth-child(4) .bubble{
  min-height:104px!important;
  padding:15px 16px;
}

.home-page .bcol:nth-child(4) .bubble + .bubble{
  margin-top:12px;
}

.home-page .voice-ui{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  margin-top:auto;
  padding-top:22px;
  color:var(--g-d);
}

.home-page .voice-call{
  width:38px;
  height:38px;
  flex:0 0 38px;
  border:1px solid #cde8d6;
  background:#eaf7ef;
  color:var(--g-d);
}

.home-page .voice-call .ti{
  font-size:20px;
}

.home-page .voice-play{
  width:34px;
  height:34px;
  flex:0 0 34px;
  border-radius:50%;
  display:inline-grid;
  place-items:center;
  background:var(--g);
  color:#fff;
  box-shadow:0 7px 18px rgba(21,142,76,.18);
}

.home-page .voice-play .ti{
  margin-left:2px;
  font-size:18px;
  line-height:1;
}

.home-page .voice-wave{
  height:28px;
  min-width:48px;
  flex:1 1 auto;
  display:flex;
  align-items:center;
  gap:3px;
}

.home-page .voice-wave i{
  display:block;
  width:3px;
  border-radius:999px;
  background:linear-gradient(180deg,#35ca73,#16944d);
}

.home-page .voice-wave i:nth-child(1),
.home-page .voice-wave i:nth-child(7){height:8px}
.home-page .voice-wave i:nth-child(2),
.home-page .voice-wave i:nth-child(6){height:14px}
.home-page .voice-wave i:nth-child(3),
.home-page .voice-wave i:nth-child(5){height:21px}
.home-page .voice-wave i:nth-child(4){height:27px}

.home-page .voice-duration{
  color:#728079;
  font-size:12px;
  font-variant-numeric:tabular-nums;
  line-height:1;
}

.home-page .travel-card{
  overflow:hidden;
  padding:0!important;
}

.home-page .travel-card img{
  width:100%;
  height:96px!important;
  max-width:none!important;
  margin:0!important;
  border-radius:14px 14px 0 0!important;
  object-fit:cover;
  object-position:center 52%;
}

.home-page .travel-card > span{
  padding:14px 16px 10px;
}

.home-page .travel-card .mini-action{
  margin:auto 16px 15px;
  border-color:#cfe4d6;
  border-radius:8px;
  background:#fff;
  font-size:14px;
  line-height:32px;
}

.home-page .bubble .ok{
  width:max-content;
  display:inline-flex;
  align-items:center;
  gap:7px;
  margin-top:auto;
  padding:8px 11px;
  border-radius:999px;
  background:#eaf7ef;
  color:var(--g-d);
  font-size:14.5px;
  font-weight:700;
  line-height:1.2;
}

.home-page .bubble .ok .icn{
  width:auto;
  height:auto;
  font-size:18px;
}

@media(max-width:1180px){
  .home-page .flow{
    padding:78px 0 88px;
  }

  .home-page .flow > .wrap{
    width:100%;
  }

  .home-page .flow h2{
    padding-inline:32px;
    margin-bottom:40px;
  }

  .home-page .flow-journey{
    overflow-x:auto;
    overflow-y:hidden;
    padding:0 32px 16px;
    scroll-snap-type:x proximity;
    scrollbar-width:none;
    overscroll-behavior-inline:contain;
  }

  .home-page .flow-journey::-webkit-scrollbar{
    display:none;
  }

  .home-page .flow-steps,
  .home-page .bubbles{
    width:max-content;
    grid-template-columns:repeat(5,210px)!important;
    gap:18px!important;
  }

  .home-page .fstep,
  .home-page .bcol{
    scroll-snap-align:start;
  }

  .home-page .flow .fstep .arrow{
    right:-16px;
  }
}

@media(max-width:900px){
  .home-page .flow{
    padding:68px 0 76px;
  }

  .home-page .flow h2{
    padding-inline:20px;
    margin-bottom:34px;
  }

  .home-page .flow-journey{
    padding-inline:20px;
  }

  .home-page .flow-steps,
  .home-page .bubbles{
    grid-template-columns:repeat(5,240px)!important;
    gap:16px!important;
  }

  .home-page .fstep{
    min-height:76px;
  }

  .home-page .fstep .fh small{
    max-width:170px;
    font-size:15px;
  }

  .home-page .bubble.flow-card{
    min-height:250px!important;
    font-size:15.5px;
  }

  .home-page .bcol:nth-child(4) .bubble{
    min-height:116px!important;
  }

  .home-page .travel-card img{
    height:108px!important;
  }
}

/* ==========================================================================
   V90 — 20-PASS RESPONSIVE HARDENING
   Phone-first fixes for 320–480px, landscape phones, tablets, desktops and
   ultra-wide screens. Keeps the approved Talktide/Dolphlink visual system.
   ========================================================================== */
.home-page{
  overflow-x:clip;
}

.home-page main > section,
.home-page main section[id],
.home-page footer.site{
  scroll-margin-top:86px;
}

.home-page header.site .brand{
  min-height:44px;
  display:inline-flex;
  align-items:center;
}

.home-page header.site nav .mobile-nav-contact{
  display:none;
}

.home-page .feature-arrow{
  width:44px;
  height:44px;
}

.home-page .feature-dots{
  gap:2px;
}

.home-page .feature-dot,
.home-page .feature-dot[aria-current="true"]{
  width:44px;
  height:44px;
  display:grid;
  place-items:center;
  padding:0;
  border-radius:50%;
  background:transparent;
  box-shadow:none;
  transform:none;
}

.home-page .feature-dot::before{
  display:none;
}

.home-page .feature-dot .ti{
  color:#b9cbc0;
  font-size:11px;
  transition:color .2s ease,transform .2s ease;
}

.home-page .feature-dot:hover .ti,
.home-page .feature-dot:focus-visible .ti{
  color:#72a985;
}

.home-page .feature-dot.active .ti,
.home-page .feature-dot[aria-current="true"] .ti{
  color:var(--g);
  font-size:17px;
  transform:scale(1.08);
}

.home-page .flow-swipe-hint{
  display:none;
}

.home-page .inds h2{
  max-width:1000px;
  margin:0 auto!important;
  text-align:center;
  text-wrap:balance;
}

.home-page .inds .subline{
  position:static!important;
  margin:12px auto 30px!important;
  text-align:center;
}

.home-page .inds .ind-grid{
  margin-top:0!important;
}

.home-page .travel-card .mini-action{
  min-height:44px;
  display:flex;
  align-items:center;
  justify-content:center;
  line-height:1.2;
}

.home-page .inds .subline a,
.home-page .ind .more,
.home-page .story a,
.home-page .solution-link{
  min-height:44px;
  display:inline-flex;
  align-items:center;
}

@media(max-width:640px){
  .home-page .fx-to-top{
    display:none!important;
  }

  body.home-page #dlpk-chat{
    right:12px;
    bottom:calc(12px + env(safe-area-inset-bottom,0px));
  }

  body.home-page #dlpk-bubble{
    width:52px;
    height:52px;
  }

  .home-page .flow-swipe-hint{
    width:max-content;
    max-width:calc(100% - 40px);
    display:flex;
    align-items:center;
    gap:8px;
    margin:-18px auto 24px;
    padding:8px 12px;
    border:1px solid #d8eadf;
    border-radius:999px;
    background:#f3faf6;
    color:#4d6857;
    font-size:13.5px;
    line-height:1.35;
  }

  .home-page .flow-swipe-hint .ti{
    flex:0 0 auto;
    color:var(--g);
    font-size:18px;
  }

  .home-page .flow-journey{
    scroll-padding-inline:20px;
  }

  .home-page .inds{
    height:auto!important;
    min-height:0!important;
    padding:64px 0 72px!important;
  }

  .home-page .inds .wrap{
    width:100%!important;
  }

  .home-page .inds h2,
  .home-page .inds .subline{
    margin-inline:20px!important;
  }

  .home-page .ind-grid{
    width:100%;
    height:auto!important;
    min-height:446px;
    grid-template-columns:repeat(4,min(84vw,340px))!important;
    gap:14px!important;
    margin-top:24px;
    padding:0 20px 16px;
    scroll-padding-inline:20px;
    scroll-snap-type:x mandatory;
    overscroll-behavior-inline:contain;
  }

  .home-page .ind{
    height:auto!important;
    min-height:430px;
    grid-template-columns:1fr!important;
    grid-template-rows:168px minmax(0,1fr)!important;
    align-content:stretch;
    scroll-snap-align:start;
  }

  .home-page .ind > img{
    width:100%!important;
    height:168px!important;
    min-height:168px;
    grid-column:1!important;
    grid-row:1!important;
    object-fit:cover;
  }

  .home-page .ind .ib{
    min-width:0;
    grid-column:1!important;
    grid-row:2!important;
    padding:22px 20px 20px!important;
  }

  .home-page .ind h3{
    max-width:none;
    font-size:23px;
    line-height:1.28;
  }

  .home-page .ind-icon{
    top:144px!important;
    right:18px!important;
    left:auto!important;
  }

  .home-page .compl-grid{
    grid-template-columns:1fr!important;
    gap:14px!important;
  }

  .home-page .cmpl{
    min-height:0!important;
    padding:22px!important;
    display:grid;
    grid-template-columns:48px minmax(0,1fr);
    column-gap:14px;
    align-items:center;
  }

  .home-page .cmpl .ic{
    grid-row:1 / span 2;
    margin:0!important;
  }

  .home-page .cmpl b,
  .home-page .cmpl p{
    grid-column:2;
    text-align:left!important;
  }

  .home-page .cmpl p{
    margin-top:5px!important;
  }

  .home-page footer.site .fcol a{
    min-height:40px;
    display:flex;
    align-items:center;
  }
}

@media(max-width:380px){
  .home-page header.site{
    padding-inline:12px!important;
    gap:5px!important;
  }

  .home-page header.site .brand img{
    width:112px!important;
  }

  .home-page header.site .h-actions .btn{
    display:none!important;
  }

  .home-page header.site .h-actions{
    margin-left:auto!important;
  }

  .home-page header.site .nav-toggle{
    margin-left:0!important;
  }

  .home-page header.site nav .mobile-nav-contact{
    display:flex!important;
    margin-top:6px;
    border-radius:10px;
    background:var(--g)!important;
    color:#fff!important;
  }

  .home-page .hero .hcopy{
    padding-inline:18px!important;
  }

  .home-page .hero h1{
    font-size:clamp(32px,10vw,38px)!important;
  }

  .home-page .stats .wrap{
    gap:0!important;
  }

  .home-page .stat{
    padding-inline:5px!important;
  }

  .home-page .stat b{
    font-size:30px!important;
  }

  .home-page .solution-head h2{
    font-size:31px!important;
  }
}

@media(max-width:340px){
  .home-page header.site .brand img{
    width:106px!important;
  }

  .home-page header.site .lang-btn{
    padding-inline:5px!important;
  }

  .home-page .ind-grid{
    grid-template-columns:repeat(4,84vw)!important;
  }

  .home-page .flow h2,
  .home-page .inds h2,
  .home-page .proc h2,
  .home-page .compl h2{
    font-size:30px!important;
  }
}

@media(max-width:900px){
  .home-page .fx-to-top{
    display:none!important;
  }

  .home-page footer.site .foff a,
  .home-page footer.site .foot-bottom button{
    min-height:44px;
    min-width:44px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
  }

  .home-page footer.site .fcol a{
    min-height:44px;
    display:flex;
    align-items:center;
  }
}

/* ==========================================================================
   V98 REGION TRANSITION
   A Talktide-green adaptation of Dolphlink's section-wave transition.
   The wave replaces the former empty spacer between the hero proof strip and
   the capability carousel, so the change of scene reads as intentional.
   ========================================================================== */
.home-page .region-transition{
  position:relative;
  z-index:7;
  width:100%;
  height:clamp(92px,8.5vw,150px);
  margin-top:-1px;
  overflow:hidden;
  background:
    linear-gradient(180deg,rgba(241,249,244,.98) 0%,#fff 88%);
  border-top:1px solid rgba(112,208,139,.5);
  box-shadow:
    0 -1px 0 rgba(232,255,239,.88),
    inset 0 10px 22px rgba(30,139,73,.035);
  pointer-events:none;
}

.home-page .region-transition::before{
  content:"";
  position:absolute;
  z-index:2;
  inset:-1px 0 auto;
  height:2px;
  background:linear-gradient(90deg,transparent 0%,rgba(109,221,141,.72) 18%,rgba(217,255,228,.95) 50%,rgba(109,221,141,.72) 82%,transparent 100%);
  opacity:.8;
}

.home-page .region-transition::after{
  content:"";
  position:absolute;
  z-index:1;
  inset:auto 0 0;
  height:42%;
  background:linear-gradient(180deg,rgba(255,255,255,0),#fff 92%);
}

.home-page .region-transition img{
  position:absolute;
  z-index:0;
  inset:0 auto auto 50%;
  display:block;
  width:max(112%,1600px);
  height:100%;
  max-width:none;
  object-fit:cover;
  object-position:center 42%;
  opacity:.74;
  transform:translate3d(-50%,0,0) scale(1.01);
  transform-origin:center top;
}

.home-page .region-transition + .feature-rotator{
  padding-top:0!important;
}

/* Keep the transition surface present while its wave enters the next region. */
.fx-ready .home-page .region-transition.fx-reveal{
  opacity:1;
  filter:none;
  transform:none;
}

.fx-ready .home-page .region-transition.fx-reveal img{
  opacity:0;
  transform:translate3d(-50%,18px,0) scale(1.035);
  transition:
    opacity .85s cubic-bezier(.2,.75,.25,1) var(--fx-delay,0ms),
    transform 1.1s cubic-bezier(.16,1,.3,1) var(--fx-delay,0ms);
}

.fx-ready .home-page .region-transition.fx-reveal.is-revealed img{
  opacity:.74;
  transform:translate3d(-50%,0,0) scale(1.01);
}

@media(max-width:860px){
  .home-page .region-transition{
    height:clamp(68px,18vw,96px);
  }

  .home-page .region-transition img{
    width:max(168%,960px);
    object-position:center 48%;
    opacity:.62;
  }

  .fx-ready .home-page .region-transition.fx-reveal.is-revealed img{
    opacity:.62;
  }

  .home-page .region-transition + .feature-rotator{
    padding-top:0!important;
  }
}

@media(prefers-reduced-motion:reduce){
  .fx-ready .home-page .region-transition.fx-reveal img,
  .fx-ready .home-page .region-transition.fx-reveal.is-revealed img{
    opacity:.74;
    transform:translate3d(-50%,0,0) scale(1.01);
    transition:none;
  }
}

/* ==========================================================================
   V99 BALANCED DESKTOP HEADER
   One full-width grid gives the official lockup and the sales action the same
   viewport inset. The supplied logo stays intact at a calmer optical scale.
   ========================================================================== */
@media(min-width:1181px){
  .home-page header.site{
    --header-edge:clamp(32px,2.75vw,64px);
    position:relative;
    left:auto;
    right:auto;
    display:grid;
    grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);
    align-items:center;
    width:100%;
    max-width:none;
    height:72px;
    min-height:72px;
    margin-left:0;
    padding:0 var(--header-edge);
    column-gap:clamp(24px,2vw,40px);
  }

  .home-page header.site .brand{
    position:static;
    grid-column:1;
    grid-row:1;
    justify-self:start;
    align-self:center;
    width:clamp(164px,9.7vw,184px);
    height:auto;
    min-height:0;
    margin:0;
    padding:0;
    overflow:visible;
    transform:none;
  }

  .home-page header.site .brand img{
    position:static;
    display:block;
    width:100%;
    max-width:none;
    height:auto;
    margin:0;
    transform:none;
  }

  .home-page header.site .h-spacer{
    display:none;
  }

  .home-page header.site nav{
    grid-column:2;
    grid-row:1;
    justify-self:center;
    width:max-content;
    margin:0;
  }

  .home-page header.site .h-actions{
    grid-column:3;
    grid-row:1;
    justify-self:end;
    width:max-content;
    min-width:0;
    margin:0;
    flex:none;
  }

  .home-page header.site .h-actions .btn{
    min-height:48px;
    padding-block:12px;
  }
}

@media(max-width:430px){
  .home-page header.site{
    padding-inline:16px!important;
    gap:4px!important;
  }

  .home-page header.site .brand{
    flex-basis:112px;
    width:112px;
  }

  .home-page header.site .brand img{
    width:112px!important;
  }

  .home-page header.site .h-actions{
    gap:2px!important;
  }

  .home-page header.site .nav-toggle{
    margin-left:0!important;
  }
}

/* ==========================================================================
   V100 ULTRA-WIDE HERO COLUMN
   On ultra-wide displays the glass copy no longer drifts toward the viewport
   edge. Its text axis follows the left edge of the 24/7 proof column below,
   while the glass surface stays close to one proof-column width.
   ========================================================================== */
@media(min-width:2200px){
  .home-page .hero-stage{
    --hero-grid-wrap:min(var(--wrap),calc(100vw - var(--rail)));
    --hero-grid-pad:76px;
    --hero-grid-gap:18px;
    --hero-grid-col:calc((var(--hero-grid-wrap) - (2 * var(--hero-grid-pad)) - (2 * var(--hero-grid-gap))) / 3);
    --hero-wide-panel:calc(var(--hero-grid-col) + 196px);
    --hero-wide-right:calc(((100vw - var(--rail) - var(--hero-grid-wrap)) / 2) + var(--hero-grid-pad) - 156px);
    --hero-copy-w:var(--hero-wide-panel);
  }

  .home-page .hero-stage::after{
    inset:0 var(--hero-wide-right) var(--proof-depth) auto;
    width:var(--hero-wide-panel);
  }

  .home-page .hero-stage .hero .hcopy{
    inset:0 var(--hero-wide-right) 0 auto;
    width:var(--hero-wide-panel);
    max-width:none;
  }

  .home-page .hero-stage .hero .hcopy h1{
    max-width:100%;
    font-size:clamp(66px,2.85vw,72px);
  }

  .home-page .hero-stage .hero .hcopy .lead{
    max-width:100%;
  }
}

/* ==========================================================================
   V101 COMPLETE-PANEL CAPABILITY TRANSITIONS
   Preserve the rotating-story interaction without exposing partial prism
   faces. Every state remains a complete image/copy panel, with a restrained
   depth fade between stories and chips clipped only by their own image panel.
   ========================================================================== */
.home-page .feature-rotator .features-list{
  transform:none;
  transform-style:flat;
  will-change:auto;
}

.home-page .feature-rotator .feature-face,
.home-page .feature-rotator .feature-face-1,
.home-page .feature-rotator .feature-face-2,
.home-page .feature-rotator .feature-face-3{
  z-index:1;
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transform:perspective(1800px) translate3d(3.5%,0,0) rotateY(-3deg) scale(.992);
  transform-origin:center center;
  backface-visibility:visible;
  -webkit-backface-visibility:visible;
  transition:
    opacity .34s ease,
    transform .52s cubic-bezier(.16,1,.3,1),
    visibility 0s linear .52s;
}

.home-page .feature-rotator .feature-face[aria-hidden="false"]{
  z-index:2;
  opacity:1;
  visibility:visible;
  pointer-events:auto;
  transform:none;
  transition:
    opacity .34s ease,
    transform .52s cubic-bezier(.16,1,.3,1),
    visibility 0s linear 0s;
}

@media(max-width:640px){
  .home-page .feature-rotator .feature-face,
  .home-page .feature-rotator .feature-face-1,
  .home-page .feature-rotator .feature-face-2,
  .home-page .feature-rotator .feature-face-3{
    transform:translate3d(22px,0,0) scale(.994);
  }

  .home-page .feature-rotator .feature-face[aria-hidden="false"]{
    transform:none;
  }
}

@media(prefers-reduced-motion:reduce){
  .home-page .feature-rotator .feature-face,
  .home-page .feature-rotator .feature-face[aria-hidden="false"]{
    transform:none;
    transition:none;
  }
}

/* ==========================================================================
   V103 COMPLETE-PANEL DEPTH MOTION
   Restore the Dolphlink-style spatial response without returning to exposed
   prism sides. Incoming and outgoing stories remain full-stage panels and
   overlap during the short perspective transition, so no image is sliced.
   ========================================================================== */
.home-page .feature-rotator .feature-face.feature-panel-enter-next,
.home-page .feature-rotator .feature-face.feature-panel-enter-prev{
  z-index:3!important;
  visibility:visible!important;
  pointer-events:auto;
}

.home-page .feature-rotator .feature-face.feature-panel-exit-next,
.home-page .feature-rotator .feature-face.feature-panel-exit-prev{
  z-index:2!important;
  visibility:visible!important;
  pointer-events:none!important;
}

.home-page .feature-rotator .feature-face.feature-panel-enter-next{
  animation:featurePanelEnterNext .64s cubic-bezier(.16,1,.3,1) both;
}

.home-page .feature-rotator .feature-face.feature-panel-exit-next{
  animation:featurePanelExitNext .54s cubic-bezier(.4,0,.2,1) both;
}

.home-page .feature-rotator .feature-face.feature-panel-enter-prev{
  animation:featurePanelEnterPrev .64s cubic-bezier(.16,1,.3,1) both;
}

.home-page .feature-rotator .feature-face.feature-panel-exit-prev{
  animation:featurePanelExitPrev .54s cubic-bezier(.4,0,.2,1) both;
}

.home-page .feature-rotator .feature-face[class*="feature-panel-enter-"] .fimg,
.home-page .feature-rotator .feature-face[class*="feature-panel-enter-"] .fcopy{
  animation:none!important;
}

@keyframes featurePanelEnterNext{
  0%{
    opacity:0;
    transform:perspective(1800px) translate3d(5.5%,0,0) rotateY(-5deg) scale(.985);
  }
  68%{opacity:1}
  100%{opacity:1;transform:none}
}

@keyframes featurePanelExitNext{
  0%{opacity:1;transform:none}
  100%{
    opacity:0;
    transform:perspective(1800px) translate3d(-3.5%,0,0) rotateY(3deg) scale(.992);
  }
}

@keyframes featurePanelEnterPrev{
  0%{
    opacity:0;
    transform:perspective(1800px) translate3d(-5.5%,0,0) rotateY(5deg) scale(.985);
  }
  68%{opacity:1}
  100%{opacity:1;transform:none}
}

@keyframes featurePanelExitPrev{
  0%{opacity:1;transform:none}
  100%{
    opacity:0;
    transform:perspective(1800px) translate3d(3.5%,0,0) rotateY(-3deg) scale(.992);
  }
}

@media(max-width:640px){
  @keyframes featurePanelEnterNext{
    0%{opacity:0;transform:translate3d(22px,0,0) scale(.992)}
    100%{opacity:1;transform:none}
  }

  @keyframes featurePanelExitNext{
    0%{opacity:1;transform:none}
    100%{opacity:0;transform:translate3d(-14px,0,0) scale(.996)}
  }

  @keyframes featurePanelEnterPrev{
    0%{opacity:0;transform:translate3d(-22px,0,0) scale(.992)}
    100%{opacity:1;transform:none}
  }

  @keyframes featurePanelExitPrev{
    0%{opacity:1;transform:none}
    100%{opacity:0;transform:translate3d(14px,0,0) scale(.996)}
  }
}

/* ==========================================================================
   V104 — NORMALIZED RESPONSIVE TYPE SYSTEM
   Text uses one deliberate scale with desktop, compact and mobile tiers.
   Elements with the same role no longer continuously resize by viewport.
   ========================================================================== */
.home-page{
  --type-hero:60px;
  --type-display:44px;
  --type-section:40px;
  --type-panel:32px;
  --type-card:22px;
  --type-body-lg:18px;
  --type-body:16px;
  --type-ui:15px;
  --type-meta:14px;
  --type-label:13px;
  font-size:var(--type-body)!important;
  line-height:1.6;
}

.home-page header.site nav a{
  font-size:var(--type-ui)!important;
  line-height:1.35;
}

.home-page .lang-btn,
.home-page header.site .btn,
.home-page .btn{
  font-size:var(--type-ui)!important;
  line-height:1.25;
}

.home-page .hero-stage .hero .hcopy h1{
  font-size:var(--type-hero)!important;
  line-height:1.04;
  letter-spacing:-.035em;
}

.home-page .hero .eyebrow{
  font-size:var(--type-label)!important;
  line-height:1.4;
}

.home-page .hero p.lead{
  font-size:var(--type-body-lg)!important;
  line-height:1.62;
}

.home-page .feat h2,
.home-page .flow h2,
.home-page .inds h2,
.home-page .solutions-home .solution-head h2,
.home-page .solution-explorer .solution-head h2,
.home-page .proc h2,
.home-page .compl h2{
  font-size:var(--type-section)!important;
  line-height:1.15!important;
  letter-spacing:-.025em;
}

.home-page .feat .fintro,
.home-page .solutions-home .solution-intro,
.home-page .solution-panel > p{
  font-size:var(--type-body-lg)!important;
  line-height:1.62;
}

.home-page .solution-panel h3,
.home-page .story-grid .simg .sov h3{
  font-size:var(--type-panel)!important;
  line-height:1.18;
}

.home-page .cta .ccopy h2{
  font-size:var(--type-display)!important;
  line-height:1.08;
  letter-spacing:-.03em;
}

.home-page .cta .ccopy p{
  font-size:var(--type-body-lg)!important;
  line-height:1.62;
}

.home-page .ind h3{
  font-size:var(--type-card)!important;
  line-height:1.26;
}

.home-page .solution-panel h4,
.home-page .pstep h3{
  font-size:20px!important;
  line-height:1.3;
}

.home-page .flist .fi b,
.home-page .fstep .fh b,
.home-page .psup b,
.home-page .scol h4,
.home-page .cmpl b{
  font-size:var(--type-body)!important;
  line-height:1.4;
}

.home-page .flist .fi p,
.home-page .bubble,
.home-page .bubble.flow-card,
.home-page .solution-panel .solution-grid p,
.home-page .solution-panel .solution-aside p,
.home-page .pstep > p,
.home-page .pstep li,
.home-page .scol p,
.home-page .scol li,
.home-page .quote p,
.home-page .cmpl p{
  font-size:var(--type-body)!important;
  line-height:1.6;
}

.home-page .fstep .fh small,
.home-page .psup p,
.home-page .inds .subline,
.home-page .inds .subline a,
.home-page .solution-link,
.home-page .story-grid .simg .sov a,
.home-page footer.site .foot-brand p,
.home-page footer.site .foff p,
.home-page footer.site .fcol a{
  font-size:var(--type-ui)!important;
  line-height:1.55;
}

.home-page .trust .tt,
.home-page .stat span,
.home-page .feature-rotator-hint,
.home-page .btime,
.home-page .quote .qa,
.home-page footer.site .foot-bottom{
  font-size:var(--type-meta)!important;
  line-height:1.45;
}

.home-page .chip b,
.home-page .msg-card b{
  font-size:var(--type-meta)!important;
}

.home-page .chip span,
.home-page .msg-card span,
.home-page .ind .lbl,
.home-page .solution-eyebrow,
.home-page .solution-kicker,
.home-page .story-grid .simg .sov .lbl,
.home-page footer.site .foff b,
.home-page footer.site .fcol h4{
  font-size:var(--type-label)!important;
  line-height:1.4;
}

.home-page .clocks .ck b{font-size:var(--type-ui)!important}
.home-page .clocks .ck span{font-size:12px!important}
.home-page .stat b{font-size:30px!important;line-height:1}

@media(min-width:901px) and (max-width:1180px){
  .home-page{
    --type-hero:52px;
    --type-display:40px;
    --type-section:38px;
    --type-panel:30px;
  }
}

@media(max-width:900px){
  .home-page{
    --type-hero:36px;
    --type-display:34px;
    --type-section:30px;
    --type-panel:28px;
    --type-card:22px;
    --type-body-lg:17px;
    --type-body:16px;
    --type-ui:15px;
    --type-meta:13px;
    --type-label:12px;
  }

  .home-page .hero-stage .hero .hcopy h1,
  .home-page .hero h1{
    font-size:var(--type-hero)!important;
    line-height:1.08;
  }

  .home-page .feat h2,
  .home-page .flow h2,
  .home-page .inds h2,
  .home-page .solutions-home .solution-head h2,
  .home-page .solution-explorer .solution-head h2,
  .home-page .proc h2,
  .home-page .compl h2{
    font-size:var(--type-section)!important;
    line-height:1.16!important;
  }

  .home-page .cta .ccopy h2{font-size:var(--type-display)!important}
  .home-page .solution-panel h3,
  .home-page .story-grid .simg .sov h3{font-size:var(--type-panel)!important}

  .home-page .feat .fintro,
  .home-page .solutions-home .solution-intro,
  .home-page .solution-panel > p,
  .home-page .cta .ccopy p{font-size:var(--type-body-lg)!important}

  .home-page .ind h3{font-size:var(--type-card)!important}
  .home-page .solution-panel h4,
  .home-page .pstep h3{font-size:19px!important}
}

/* ==========================================================================
   V106 — RAIL-FREE HERO ALIGNMENT + CONSISTENT PAGE PROPORTIONS
   The decorative rail is retired. The floating support control now owns the
   lower-left action, while the hero copy and city clocks share one top axis.
   ========================================================================== */
.home-page{
  --rail:0px;
  --layout-max:1440px;
  --layout-gutter:clamp(24px,3.5vw,56px);
}

body.home-page{padding-left:0}
.home-page .rail{display:none!important}

.home-page .hero-stage .hero,
.home-page .hero-stage .stats,
.home-page .hero-stage .trust{
  margin-left:0!important;
}

@media(min-width:1181px){
  .home-page .hero-stage{--hero-copy-w:clamp(680px,46vw,760px)}

  .home-page .hero-stage .hero .hcopy{
    inset:20px 0 auto auto;
    width:var(--hero-copy-w);
    height:auto;
    min-height:0;
    padding:0 clamp(34px,3vw,48px) 42px;
    justify-content:flex-start;
  }

  .home-page .hero-stage .hero .hcopy h1{
    max-width:100%;
    margin-top:18px;
  }

  .home-page .hero-stage .hero .hcopy .lead{max-width:100%}

  .home-page .hero-stage .hero .clocks{
    top:20px!important;
    left:28px;
    width:calc(100% - var(--hero-copy-w) - 72px);
    min-width:0;
  }
}

/* V111 FINAL CASCADE — keep the selected Dolphlink-style Hero composition
   authoritative after the earlier proportional-system compatibility rules. */
@media(min-width:901px){
  .home-page{--type-hero:clamp(52px,3.9vw,60px)}

  .home-page .hero-stage::after{
    inset:0 0 var(--proof-depth) 0;
    width:auto;
    background:linear-gradient(
      90deg,
      rgba(247,251,248,.97) 0%,
      rgba(247,251,248,.95) 31%,
      rgba(247,251,248,.82) 46%,
      rgba(247,251,248,.34) 59%,
      rgba(247,251,248,0) 72%
    );
  }

  .home-page .hero-stage .hero .hcopy{
    inset:0 auto 0 0;
    width:min(62vw,900px);
    height:100%;
    min-height:0;
    padding:
      clamp(48px,4.5vw,68px)
      clamp(92px,9vw,144px)
      clamp(48px,4.5vw,68px)
      clamp(52px,5vw,76px);
    justify-content:center;
  }

  .home-page .hero-stage .hero .hcopy h1{
    max-width:700px;
    margin:20px 0 22px;
    font-size:var(--type-hero)!important;
    line-height:1.06!important;
  }

  .home-page .hero-stage .hero .hcopy .lead{
    max-width:650px;
    margin:0 0 30px;
    line-height:1.65;
  }

  .home-page .hero-stage .hero .hcopy .cta-row{
    width:min(100%,510px);
    max-width:510px;
  }
}

@media(min-width:901px) and (max-width:1180px){
  .home-page{--type-hero:clamp(46px,4.8vw,52px)}

  .home-page .hero-stage::after{
    background:linear-gradient(
      90deg,
      rgba(247,251,248,.98) 0%,
      rgba(247,251,248,.95) 43%,
      rgba(247,251,248,.72) 62%,
      rgba(247,251,248,0) 82%
    );
  }

  .home-page .hero-stage .hero .hcopy{
    inset:0 auto 0 0;
    width:min(72vw,740px);
    padding:
      clamp(44px,4.5vw,58px)
      clamp(74px,8vw,96px)
      clamp(44px,4.5vw,58px)
      clamp(38px,4.5vw,52px);
  }
}

@media(min-width:2200px){
  .home-page .hero-stage::after{
    inset:0 0 var(--proof-depth) 0;
    width:auto;
  }

  .home-page .hero-stage .hero .hcopy{
    inset:0 auto 0 0;
    width:900px;
    max-width:900px;
  }

  .home-page .hero-stage .hero .hcopy h1{
    max-width:700px;
    font-size:60px!important;
  }
}

@media(max-width:900px){
  .home-page .hero-stage .hero .hcopy{
    position:relative;
    inset:auto;
    width:100%;
    min-height:760px;
    padding:40px 22px 48px;
    justify-content:center;
  }

  .home-page .hero-stage .hero .hcopy h1{
    margin:18px 0 20px;
    line-height:1.07!important;
  }

  .home-page .hero-stage .hero .hcopy .lead{
    max-width:590px;
    margin:0 0 26px;
    line-height:1.62;
  }
}

@media(min-width:1600px){
  .home-page .hero-stage .hero .hcopy{
    padding-right:64px;
  }
  .home-page .hero-stage .hero .hcopy h1{
    max-width:760px;
  }
}

/* ==========================================================================
   V111 — DOLPHLINK-STYLE HERO RECOMPOSITION
   One calm left-hand reading axis now carries the live regional times, brand
   line, message and actions. The remaining frame is reserved for the video
   subject, so future hero-film swaps do not require another layout rewrite.
   ========================================================================== */
@media(min-width:901px){
  .home-page{
    --type-hero:clamp(52px,3.9vw,60px);
  }

  .home-page .hero-stage::after{
    inset:0 0 var(--proof-depth) 0;
    width:auto;
    background:linear-gradient(
      90deg,
      rgba(247,251,248,.97) 0%,
      rgba(247,251,248,.95) 31%,
      rgba(247,251,248,.82) 46%,
      rgba(247,251,248,.34) 59%,
      rgba(247,251,248,0) 72%
    );
  }

  .home-page .hero-stage .hero .hcopy{
    inset:0 auto 0 0;
    width:min(62vw,900px);
    height:100%;
    min-height:0;
    padding:
      clamp(48px,4.5vw,68px)
      clamp(92px,9vw,144px)
      clamp(48px,4.5vw,68px)
      clamp(52px,5vw,76px);
    justify-content:center;
    background:transparent;
    color:var(--ink);
  }

  .home-page .hero-stage .hero .hcopy .clocks{
    position:relative!important;
    inset:auto!important;
    top:auto!important;
    right:auto!important;
    bottom:auto!important;
    left:auto!important;
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    width:min(100%,580px);
    min-width:0;
    max-width:580px;
    height:42px;
    margin:0 0 24px;
    padding:0 8px;
    gap:0;
    overflow:hidden;
    border:1px solid rgba(255,255,255,.18);
    border-radius:12px;
    background:rgba(10,60,47,.82);
    box-shadow:none;
    -webkit-backdrop-filter:blur(14px) saturate(125%);
    backdrop-filter:blur(14px) saturate(125%);
  }

  .home-page .hero-stage .hero .hcopy .clocks .ck{
    min-width:0;
    padding:0 12px;
    display:flex;
    flex-direction:row;
    align-items:center;
    justify-content:center;
    gap:7px;
    border-right:1px solid rgba(255,255,255,.16);
    white-space:nowrap;
  }

  .home-page .hero-stage .hero .hcopy .clocks .ck:last-child{
    border-right:0;
  }

  .home-page .hero-stage .hero .hcopy .clocks .ck span{
    margin:0;
    color:#9cecb8;
    font-size:10px!important;
    line-height:1;
    font-weight:750;
    letter-spacing:.055em;
  }

  .home-page .hero-stage .hero .hcopy .clocks .ck b{
    color:#fff;
    font-size:14px!important;
    line-height:1;
    font-weight:750;
    letter-spacing:-.01em;
  }

  .home-page .hero-stage .hero .hcopy .eyebrow{
    color:var(--g-d);
    font-size:13px!important;
    line-height:1.4;
    letter-spacing:.085em;
    text-shadow:none;
    transform:none!important;
  }

  .home-page .hero-stage .hero .hcopy h1{
    max-width:700px;
    margin:20px 0 22px;
    color:var(--ink);
    font-size:var(--type-hero)!important;
    line-height:1.06!important;
    letter-spacing:-.035em;
    text-shadow:none;
  }

  .home-page .hero-stage .hero .hcopy .lead{
    max-width:650px;
    margin:0 0 30px;
    color:#435047;
    font-size:17px!important;
    line-height:1.65;
    text-shadow:none;
  }

  .home-page .hero-stage .hero .hcopy .cta-row{
    display:grid;
    grid-template-columns:minmax(0,1.08fr) minmax(0,1fr);
    width:min(100%,510px);
    max-width:510px;
    gap:14px;
  }

  .home-page .hero-stage .hero .hcopy .cta-row .btn{
    width:100%;
    min-height:52px;
    padding:0 18px;
    justify-content:space-between;
    border-radius:10px;
  }

  .home-page .hero-stage .hero .hcopy .btn-primary{
    color:#fff;
    border-color:var(--g);
    background:var(--g);
    box-shadow:0 12px 26px rgba(31,142,73,.18);
  }

  .home-page .hero-stage .hero .hcopy .btn-primary:hover{
    color:#fff;
    border-color:var(--g-d);
    background:var(--g-d);
  }

  .home-page .hero-stage .hero .hcopy .btn-ghost{
    color:var(--g-d);
    border:1px solid rgba(24,105,56,.34);
    background:rgba(255,255,255,.72);
    text-decoration:none;
    -webkit-backdrop-filter:blur(10px);
    backdrop-filter:blur(10px);
  }

  .home-page .hero-stage .hero .hcopy .btn-ghost:hover{
    color:var(--g-dd);
    border-color:rgba(24,105,56,.6);
    background:#fff;
    text-decoration:none;
  }
}

@media(min-width:901px) and (max-width:1180px){
  .home-page{
    --type-hero:clamp(46px,4.8vw,52px);
  }

  .home-page .hero-stage::after{
    background:linear-gradient(
      90deg,
      rgba(247,251,248,.98) 0%,
      rgba(247,251,248,.95) 43%,
      rgba(247,251,248,.72) 62%,
      rgba(247,251,248,0) 82%
    );
  }

  .home-page .hero-stage .hero .hcopy{
    width:min(72vw,740px);
    padding-right:clamp(74px,8vw,96px);
    padding-left:clamp(38px,4.5vw,52px);
  }

  .home-page .hero-stage .hero .hcopy .clocks{
    margin-bottom:22px;
  }

  .home-page .hero-stage .hero .hcopy .clocks .ck{
    padding-inline:8px;
    gap:5px;
  }

  .home-page .hero-stage .hero .hcopy .clocks .ck span{
    font-size:9px!important;
  }

  .home-page .hero-stage .hero .hcopy .clocks .ck b{
    font-size:13px!important;
  }
}

@media(min-width:2200px){
  .home-page .hero-stage .hero .hcopy{
    inset:0 auto 0 0;
    width:900px;
    max-width:900px;
  }

  .home-page .hero-stage .hero .hcopy h1{
    max-width:700px;
    font-size:60px!important;
  }
}

@media(max-width:900px){
  .home-page .hero-stage .hero{
    position:relative;
    display:block;
    height:auto!important;
    min-height:760px!important;
    overflow:hidden;
    isolation:isolate;
    background:#eef7f1;
  }

  .home-page .hero-stage .hero .himg{
    position:absolute;
    z-index:1;
    inset:0;
    width:100%;
    height:100%!important;
    min-height:0!important;
  }

  .home-page .hero-stage .hero .himg video,
  .home-page .hero-stage .hero .himg>img{
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:62% center;
  }

  .home-page .hero-stage .hero .hcopy{
    position:relative;
    z-index:8;
    inset:auto;
    width:100%;
    min-height:760px;
    padding:40px 22px 48px;
    justify-content:center;
    background:linear-gradient(
      180deg,
      rgba(248,252,249,.97) 0%,
      rgba(248,252,249,.93) 58%,
      rgba(248,252,249,.78) 100%
    );
    color:var(--ink);
  }

  .home-page .hero-stage .hero .hcopy .clocks{
    position:relative!important;
    inset:auto!important;
    top:auto!important;
    right:auto!important;
    bottom:auto!important;
    left:auto!important;
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    width:100%;
    min-width:0;
    max-width:none;
    height:52px;
    margin:0 0 24px;
    padding:0 4px;
    gap:0;
    overflow:hidden;
    border:1px solid rgba(255,255,255,.18);
    border-radius:11px;
    background:rgba(10,60,47,.84);
    box-shadow:none;
    -webkit-backdrop-filter:blur(14px) saturate(125%);
    backdrop-filter:blur(14px) saturate(125%);
  }

  .home-page .hero-stage .hero .hcopy .clocks .ck{
    min-width:0;
    padding:5px 3px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:4px;
    border-right:1px solid rgba(255,255,255,.16);
    white-space:normal;
  }

  .home-page .hero-stage .hero .hcopy .clocks .ck:last-child{
    border-right:0;
  }

  .home-page .hero-stage .hero .hcopy .clocks .ck span{
    margin:0;
    color:#9cecb8;
    font-size:8.5px!important;
    line-height:1;
    font-weight:750;
    letter-spacing:.045em;
    white-space:nowrap;
  }

  .home-page .hero-stage .hero .hcopy .clocks .ck b{
    color:#fff;
    font-size:13px!important;
    line-height:1;
    font-weight:750;
  }

  .home-page .hero-stage .hero .hcopy .eyebrow{
    color:var(--g-d);
    font-size:12px!important;
    line-height:1.45;
    letter-spacing:.07em;
    text-shadow:none;
    transform:none!important;
  }

  .home-page .hero-stage .hero .hcopy h1{
    max-width:620px;
    margin:18px 0 20px;
    color:var(--ink);
    line-height:1.07!important;
    letter-spacing:-.035em;
    text-shadow:none;
  }

  .home-page .hero-stage .hero .hcopy .lead{
    max-width:590px;
    margin:0 0 26px;
    color:#435047;
    line-height:1.62;
    text-shadow:none;
  }

  .home-page .hero-stage .hero .hcopy .cta-row{
    display:grid;
    grid-template-columns:1fr;
    width:min(100%,360px);
    max-width:360px;
    gap:10px;
  }

  .home-page .hero-stage .hero .hcopy .cta-row .btn{
    width:100%;
    min-height:48px;
    padding:0 16px;
    justify-content:space-between;
    border-radius:9px;
  }

  .home-page .hero-stage .hero .hcopy .btn-primary{
    color:#fff;
    border-color:var(--g);
    background:var(--g);
  }

  .home-page .hero-stage .hero .hcopy .btn-ghost{
    color:var(--g-d);
    border:1px solid rgba(24,105,56,.34);
    background:rgba(255,255,255,.78);
    text-decoration:none;
  }
}

@media(min-width:2200px){
  .home-page .hero-stage{
    --hero-grid-wrap:min(var(--wrap),100vw);
    --hero-grid-pad:76px;
    --hero-grid-gap:18px;
    --hero-grid-col:calc((var(--hero-grid-wrap) - (2 * var(--hero-grid-pad)) - (2 * var(--hero-grid-gap))) / 3);
    --hero-copy-w:calc(var(--hero-grid-col) + 196px);
    --hero-wide-right:calc(((100vw - var(--hero-grid-wrap)) / 2) + var(--hero-grid-pad) - 156px);
  }

  .home-page .hero-stage::after{
    inset:0 var(--hero-wide-right) var(--proof-depth) auto;
    width:var(--hero-copy-w);
  }

  .home-page .hero-stage .hero .hcopy{
    inset:20px var(--hero-wide-right) auto auto;
    width:var(--hero-copy-w);
  }

  .home-page .hero-stage .hero .clocks{
    width:calc(100% - var(--hero-wide-right) - var(--hero-copy-w) - 72px);
  }
}

@media(min-width:901px) and (max-width:1180px){
  .home-page .hero-stage{--hero-copy-w:clamp(500px,52vw,590px)}

  .home-page .hero-stage .hero .hcopy{
    inset:20px 0 auto auto;
    width:var(--hero-copy-w);
    height:auto;
    min-height:0;
    padding:0 28px 36px;
    justify-content:flex-start;
  }

  .home-page .hero-stage .hero .clocks{
    top:20px!important;
    left:22px;
    width:calc(100% - var(--hero-copy-w) - 54px);
    min-width:0;
  }
}

@media(min-width:901px){
  .home-page .flow .wrap,
  .home-page .inds .wrap,
  .home-page .solution-explorer .wrap,
  .home-page .proc .wrap,
  .home-page .story .wrap,
  .home-page .compl .wrap{
    width:min(100%,var(--layout-max));
    max-width:var(--layout-max);
    margin-inline:auto;
    padding-inline:var(--layout-gutter);
  }

  .home-page .flow,
  .home-page .inds,
  .home-page .solution-explorer,
  .home-page .proc,
  .home-page .story,
  .home-page .compl{
    padding-top:clamp(68px,5vw,84px);
    padding-bottom:clamp(68px,5vw,84px);
  }
}

@media(max-width:900px){
  .home-page .hero-stage .hero{gap:0}

  .home-page .hero-stage .hero .hcopy{
    position:relative;
    inset:auto;
    width:auto;
    height:auto;
    padding:30px 22px 26px;
    justify-content:flex-start;
  }

  .home-page .flow .wrap,
  .home-page .inds .wrap,
  .home-page .solution-explorer .wrap,
  .home-page .proc .wrap,
  .home-page .story .wrap,
  .home-page .compl .wrap{
    width:100%;
    max-width:none;
    padding-inline:20px;
  }

  .home-page .flow,
  .home-page .inds,
  .home-page .solution-explorer,
  .home-page .proc,
  .home-page .story,
  .home-page .compl{
    padding-top:48px;
    padding-bottom:48px;
  }

  body.home-page #dlpk-chat{
    left:16px;
    right:auto;
    bottom:calc(16px + env(safe-area-inset-bottom,0px));
  }
}

/* V107 FINAL HEADER OVERRIDE — exact 64px Dolphlink desktop proportion. */
@media(min-width:901px){
  .home-page header.site{
    height:64px!important;
    min-height:64px!important;
    padding:0 clamp(24px,2.5vw,48px)!important;
    gap:24px!important;
  }
  .home-page header.site .brand{
    position:static!important;
    inset:auto!important;
    flex:0 0 148px!important;
    width:148px!important;
    height:auto!important;
    min-height:0!important;
    margin:0!important;
    transform:none!important;
    overflow:visible!important;
    display:flex!important;
    align-items:center!important;
  }
  .home-page header.site .brand img{
    position:static!important;
    width:148px!important;
    height:auto!important;
    max-height:36px!important;
    transform:none!important;
  }
  .home-page header.site nav{
    height:64px!important;
    gap:28px!important;
    align-items:center!important;
  }
  .home-page header.site nav a{
    height:64px!important;
    min-height:0!important;
    padding:0!important;
    display:flex!important;
    align-items:center!important;
    font-size:14px!important;
    line-height:1.2!important;
  }
  .home-page header.site nav .mobile-nav-contact{
    display:none!important;
  }
  .home-page header.site .h-actions{
    height:44px!important;
    gap:12px!important;
    align-items:center!important;
  }
  .home-page header.site .lang-btn{
    width:auto!important;
    height:40px!important;
    min-height:40px!important;
    padding:8px 9px!important;
    font-size:14px!important;
    line-height:1.2!important;
  }
  .home-page header.site .h-actions .btn{
    height:44px!important;
    min-height:44px!important;
    padding:0 20px!important;
    border-radius:8px!important;
    font-size:14px!important;
    line-height:1.2!important;
  }
}

/* V108 — optical top alignment with the city-time glass bar. */
@media(min-width:901px){
  .home-page .hero-stage .hero .hcopy .eyebrow{
    transform:translateY(-3px)!important;
  }
}

/* V109 — match Dolphlink's scrolling header: the navigation stays attached
   to the viewport edge while the page moves beneath it. */
.home-page header.site{
  position:sticky!important;
  top:0!important;
  z-index:100!important;
}

/* ==========================================================================
   V110 — DOLPHLINK-PROPORTIONED PAGE SYSTEM
   A calmer type scale, broader content frame and more deliberate section
   rhythm keep the interface readable without letting headings crowd content.
   ========================================================================== */
.home-page{
  --layout-max:1600px;
  --layout-gutter:clamp(24px,2.8vw,48px);
  --type-hero:clamp(50px,3.55vw,56px);
  --type-display:clamp(40px,3vw,46px);
  --type-section:clamp(34px,2.45vw,38px);
  --type-panel:clamp(28px,2vw,32px);
  --type-body-lg:17px;
  --type-body:16px;
  --type-ui:15px;
  --type-meta:13px;
}

@media(min-width:901px){
  .home-page .hero-stage .hero{
    height:clamp(620px,46vw,680px)!important;
    min-height:clamp(620px,46vw,680px)!important;
  }

  .home-page .hero-stage .hero .hcopy{
    padding-right:clamp(36px,3vw,46px);
    padding-bottom:48px;
    padding-left:clamp(36px,3vw,46px);
  }

  .home-page .hero-stage .hero .hcopy h1{
    max-width:680px;
    margin:18px 0 22px;
    line-height:1.08!important;
    letter-spacing:-.03em;
  }

  .home-page .hero-stage .hero .hcopy .lead{
    max-width:650px;
    margin-bottom:30px;
    line-height:1.62;
  }

  .home-page .hero-stage .hero .hcopy .cta-row{
    width:min(100%,420px);
    max-width:420px;
    gap:11px;
  }

  .home-page .hero-stage .stats{
    height:clamp(138px,10vw,150px);
    min-height:clamp(138px,10vw,150px);
  }

  .home-page .hero-stage .stats .wrap{
    padding-top:25px;
    padding-bottom:25px;
  }

  .home-page .features-stack{
    padding-top:48px;
    padding-bottom:48px;
  }

  .home-page .flow .wrap,
  .home-page .inds .wrap,
  .home-page .solution-explorer .wrap,
  .home-page .proc .wrap,
  .home-page .story .wrap,
  .home-page .compl .wrap{
    width:min(100%,var(--layout-max));
    max-width:var(--layout-max);
    padding-inline:var(--layout-gutter);
  }

  .home-page .flow,
  .home-page .inds,
  .home-page .solution-explorer,
  .home-page .proc,
  .home-page .story,
  .home-page .compl{
    padding-top:clamp(84px,6.4vw,104px);
    padding-bottom:clamp(84px,6.4vw,104px);
  }

  .home-page .flow h2,
  .home-page .proc h2,
  .home-page .compl h2{
    margin-bottom:clamp(44px,3.6vw,56px);
  }

  .home-page .inds .subline{
    margin-top:18px;
    margin-bottom:44px;
  }

  .home-page .solution-explorer .solution-intro{
    margin-top:18px;
    line-height:1.65;
  }

  .home-page .cta .ccopy{
    width:min(600px,46vw);
    padding:clamp(40px,3.2vw,48px);
  }

  .home-page .cta .ccopy h2{
    max-width:520px;
    line-height:1.1;
  }
}

@media(min-width:1181px) and (max-width:2199px){
  .home-page .hero-stage{
    --hero-copy-w:clamp(700px,48vw,760px);
  }
}

@media(min-width:901px) and (max-width:1180px){
  .home-page{
    --type-hero:clamp(46px,4.8vw,52px);
    --type-section:34px;
  }

  .home-page .hero-stage{
    --hero-copy-w:clamp(560px,56vw,620px);
  }

  .home-page .hero-stage .hero .hcopy{
    padding-right:30px;
    padding-left:30px;
  }
}

@media(max-width:900px){
  .home-page{
    --type-hero:36px;
    --type-display:34px;
    --type-section:30px;
    --type-panel:28px;
    --type-body-lg:17px;
    --type-body:16px;
  }

  .home-page .hero-stage .hero .hcopy{
    padding:34px 22px 32px;
  }

  .home-page .flow .wrap,
  .home-page .inds .wrap,
  .home-page .solution-explorer .wrap,
  .home-page .proc .wrap,
  .home-page .story .wrap,
  .home-page .compl .wrap{
    padding-inline:22px;
  }

  .home-page .flow,
  .home-page .inds,
  .home-page .solution-explorer,
  .home-page .proc,
  .home-page .story,
  .home-page .compl{
    padding-top:56px;
    padding-bottom:56px;
  }

  .home-page .flow h2,
  .home-page .proc h2,
  .home-page .compl h2{
    margin-bottom:36px;
  }
}

/* V111 CASCADE LOCK — the Hero layout below must remain the final authority. */
@media(min-width:1600px){
  .home-page .hero-stage .hero .hcopy{padding-right:64px!important}
  .home-page .hero-stage .hero .hcopy h1{max-width:760px!important}
}

@media(min-width:901px){
  .home-page{--type-hero:clamp(52px,3.9vw,60px)}
  .home-page .hero-stage::after{
    inset:0 0 var(--proof-depth) 0;
    width:auto;
    background:linear-gradient(90deg,rgba(247,251,248,.97) 0%,rgba(247,251,248,.95) 31%,rgba(247,251,248,.82) 46%,rgba(247,251,248,.34) 59%,rgba(247,251,248,0) 72%);
  }
  .home-page .hero-stage .hero .hcopy{
    inset:0 auto 0 0;
    width:min(62vw,900px);
    height:100%;
    min-height:0;
    padding:clamp(48px,4.5vw,68px) clamp(92px,9vw,144px) clamp(48px,4.5vw,68px) clamp(52px,5vw,76px);
    justify-content:center;
  }
  .home-page .hero-stage .hero .hcopy h1{
    max-width:700px;
    margin:20px 0 22px;
    font-size:var(--type-hero)!important;
    line-height:1.06!important;
  }
  .home-page .hero-stage .hero .hcopy .lead{
    max-width:650px;
    margin:0 0 30px;
    line-height:1.65;
  }
  .home-page .hero-stage .hero .hcopy .cta-row{
    width:min(100%,510px);
    max-width:510px;
  }
}

@media(min-width:901px) and (max-width:1180px){
  .home-page{--type-hero:clamp(46px,4.8vw,52px)}
  .home-page .hero-stage::after{
    background:linear-gradient(90deg,rgba(247,251,248,.98) 0%,rgba(247,251,248,.95) 43%,rgba(247,251,248,.72) 62%,rgba(247,251,248,0) 82%);
  }
  .home-page .hero-stage .hero .hcopy{
    inset:0 auto 0 0;
    width:min(72vw,740px);
    padding:clamp(44px,4.5vw,58px) clamp(74px,8vw,96px) clamp(44px,4.5vw,58px) clamp(38px,4.5vw,52px);
  }
}

@media(min-width:2200px){
  .home-page .hero-stage::after{inset:0 0 var(--proof-depth) 0;width:auto}
  .home-page .hero-stage .hero .hcopy{
    inset:0 auto 0 0;
    width:900px;
    max-width:900px;
  }
  .home-page .hero-stage .hero .hcopy h1{
    max-width:700px;
    font-size:60px!important;
  }
}

@media(max-width:900px){
  .home-page .hero-stage .hero .hcopy{
    position:relative;
    inset:auto;
    width:100%;
    min-height:760px;
    padding:40px 22px 48px;
    justify-content:center;
  }
  .home-page .hero-stage .hero .hcopy h1{
    margin:18px 0 20px;
    line-height:1.07!important;
  }
  .home-page .hero-stage .hero .hcopy .lead{
    max-width:590px;
    margin:0 0 26px;
    line-height:1.62;
  }
}


/* source: styles/feature-section-v112.css */
/* Talktide capability chapter — proportioned to Dolphlink's standard section. */
.home-page .region-transition + .feature-rotator,
.home-page .feature-rotator{
  --feature-height:380px;
  position:relative;
  width:100%;
  min-height:0;
  height:auto;
  padding:64px 40px 48px!important;
  overflow:hidden;
  background:#fff;
}

.home-page .feature-section-head{
  width:min(100%,800px);
  margin:0 auto 46px;
  text-align:center;
}

.home-page .feature-section-eyebrow{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:9px;
  margin:0 0 14px;
  color:var(--g-d);
  font-family:var(--disp);
  font-size:11px;
  line-height:1.35;
  font-weight:750;
  letter-spacing:.18em;
  text-transform:uppercase;
}

.home-page .feature-section-eyebrow .ti{
  font-size:15px;
}

.home-page .feature-section-head>h2{
  margin:0;
  color:var(--ink);
  font-family:var(--disp);
  font-size:32px!important;
  line-height:1.22!important;
  font-weight:650;
  letter-spacing:-.02em;
  text-wrap:balance;
}

.home-page .feature-section-divider{
  display:block;
  width:max-content;
  margin:14px auto 13px;
  color:#c49b37;
  font-size:10px;
  line-height:1;
}

.home-page .feature-section-head>p{
  max-width:680px;
  margin:0 auto;
  color:var(--muted);
  font-size:15px;
  line-height:1.65;
  text-wrap:pretty;
}

.home-page .feature-rotator-stage{
  position:relative;
  width:min(100%,980px);
  height:452px;
  margin:0 auto;
  perspective:3000px;
  overflow:visible;
}

.home-page .feature-rotator .features-list{
  position:absolute;
  top:36px;
  left:0;
  width:100%;
  height:var(--feature-height);
}

.home-page .feature-rotator .feature-face{
  inset:0;
  width:100%;
  height:var(--feature-height);
  min-height:0;
  grid-template-columns:minmax(0,52%) minmax(0,48%);
  border:1px solid var(--line);
  border-radius:22px;
  box-shadow:0 28px 58px rgba(12,67,35,.16);
}

.home-page .feature-rotator .feature-face .fimg,
.home-page .feature-rotator .feature-face .fimg img{
  width:100%;
  height:var(--feature-height);
  min-height:0;
}

.home-page .feature-rotator .feature-face .fimg img{
  object-fit:cover;
  object-position:center;
}

.home-page .feature-rotator .feature-face .fcopy,
.home-page .feature-rotator .feature-face.rev .fcopy{
  padding:38px 40px;
  background:#fff;
}

.home-page .feature-rotator .feature-face .fcopy::before,
.home-page .feature-rotator .feature-face.rev .fcopy::before{
  left:52%;
  width:52px;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.98));
}

.home-page .feature-rotator .feature-face h2{
  max-width:430px;
  margin:0 0 14px;
  color:var(--ink);
  font-size:30px!important;
  line-height:1.18!important;
  font-weight:650;
  letter-spacing:-.025em;
}

.home-page .feature-rotator .feature-face .fintro{
  max-width:440px;
  margin:0 0 18px;
  color:var(--muted);
  font-size:15px!important;
  line-height:1.6;
}

.home-page .feature-rotator .feature-face .flist{
  max-width:450px;
  gap:11px;
}

.home-page .feature-rotator .feature-face .flist .fi{
  gap:11px;
}

.home-page .feature-rotator .feature-face .flist .fi b{
  font-size:15px!important;
  line-height:1.35;
}

.home-page .feature-rotator .feature-face .flist .fi p{
  font-size:13.5px!important;
  line-height:1.45;
}

.home-page .feature-rotator .feature-face .fic{
  width:34px;
  height:34px;
  flex:0 0 34px;
}

.home-page .feature-rotator .feature-face .chip{
  max-width:390px;
}

.home-page .feature-rotator .feature-face .chip b{
  font-size:14px;
}

.home-page .feature-rotator .feature-face .chip span{
  font-size:12px;
}

.home-page .feature-rotator-controls{
  margin-top:34px;
}

.home-page .feature-rotator-hint{
  margin-top:15px;
}

@media(max-width:900px){
  .home-page .region-transition + .feature-rotator,
  .home-page .feature-rotator{
    --feature-height:400px;
    padding:52px 24px 40px!important;
  }

  .home-page .feature-section-head{
    margin-bottom:36px;
  }

  .home-page .feature-section-head>h2{
    font-size:30px!important;
  }

  .home-page .feature-rotator-stage{
    height:440px;
  }

  .home-page .feature-rotator .features-list{
    top:20px;
  }

  .home-page .feature-rotator .feature-face{
    grid-template-columns:minmax(0,50%) minmax(0,50%);
  }

  .home-page .feature-rotator .feature-face .fcopy,
  .home-page .feature-rotator .feature-face.rev .fcopy{
    padding:30px 26px;
  }

  .home-page .feature-rotator .feature-face .fcopy::before,
  .home-page .feature-rotator .feature-face.rev .fcopy::before{
    left:50%;
  }

  .home-page .feature-rotator .feature-face h2{
    font-size:27px!important;
  }
}

@media(max-width:640px){
  .home-page .region-transition + .feature-rotator,
  .home-page .feature-rotator{
    --feature-height:640px;
    padding:44px 20px 36px!important;
  }

  .home-page .feature-section-head{
    margin-bottom:32px;
  }

  .home-page .feature-section-eyebrow{
    font-size:10px;
    letter-spacing:.14em;
  }

  .home-page .feature-section-head>h2{
    font-size:27px!important;
    line-height:1.2!important;
  }

  .home-page .feature-section-head>p{
    font-size:14.5px;
    line-height:1.6;
  }

  .home-page .feature-rotator-stage{
    height:640px;
  }

  .home-page .feature-rotator .features-list{
    top:0;
    height:var(--feature-height);
  }

  .home-page .feature-rotator .feature-face{
    height:var(--feature-height);
    grid-template-columns:1fr;
    grid-template-rows:210px minmax(0,1fr);
    border-radius:18px;
  }

  .home-page .feature-rotator .feature-face .fimg,
  .home-page .feature-rotator .feature-face .fimg img{
    height:210px;
  }

  .home-page .feature-rotator .feature-face .fcopy,
  .home-page .feature-rotator .feature-face.rev .fcopy{
    padding:23px 22px 26px;
  }

  .home-page .feature-rotator .feature-face .fcopy::before,
  .home-page .feature-rotator .feature-face.rev .fcopy::before{
    top:176px;
    left:0;
    width:100%;
    height:34px;
    background:linear-gradient(180deg,transparent,#fff);
  }

  .home-page .feature-rotator .feature-face h2{
    margin-bottom:12px;
    font-size:26px!important;
  }

  .home-page .feature-rotator .feature-face .fintro{
    margin-bottom:14px;
    font-size:14.5px!important;
  }

  .home-page .feature-rotator .feature-face .flist{
    gap:9px;
  }

  .home-page .feature-rotator .feature-face .flist .fi b{
    font-size:14px!important;
  }

  .home-page .feature-rotator .feature-face .flist .fi p{
    font-size:13px!important;
  }

  .home-page .feature-rotator-controls{
    margin-top:24px;
  }
}


/* source: styles/hero-v113.css */
/* V113 — Dolphlink-proportioned Hero reading surface.
   The copy remains inside the video's prepared quiet zone and releases the
   right-hand subject area instead of competing with it. */

@media (min-width: 1181px) {
  .home-page {
    --type-hero: clamp(48px, 3.2vw, 54px);
  }

  .home-page .hero-stage .hero {
    height: clamp(660px, 46vw, 720px) !important;
    min-height: clamp(660px, 46vw, 720px) !important;
  }

  .home-page .hero-stage::after {
    inset: 0 0 var(--proof-depth) 0;
    width: auto;
    background: linear-gradient(
      90deg,
      rgba(247, 251, 248, .98) 0%,
      rgba(247, 251, 248, .96) 30%,
      rgba(247, 251, 248, .84) 43%,
      rgba(247, 251, 248, .42) 52%,
      rgba(247, 251, 248, .10) 60%,
      rgba(247, 251, 248, 0) 68%
    );
  }

  .home-page .hero-stage .hero .hcopy {
    inset: 0 auto 0 0;
    width: min(50vw, 760px);
    max-width: 760px;
    height: 100%;
    min-height: 0;
    padding:
      clamp(78px, 6vw, 96px)
      clamp(36px, 2.8vw, 44px)
      clamp(62px, 5vw, 80px)
      clamp(40px, 3vw, 56px);
    justify-content: flex-start;
  }

  .home-page .hero-stage .hero .hcopy .clocks {
    width: min(100%, 560px);
    max-width: 560px;
    height: 40px;
    margin-bottom: 22px;
  }

  .home-page .hero-stage .hero .hcopy .eyebrow {
    font-size: 12px !important;
    line-height: 1.4;
    letter-spacing: .09em;
  }

  .home-page .hero-stage .hero .hcopy h1 {
    width: 100%;
    max-width: 660px !important;
    margin: 16px 0 20px;
    font-size: var(--type-hero) !important;
    line-height: 1.12 !important;
    letter-spacing: -.032em;
    text-wrap: balance;
  }

  .home-page .hero-stage .hero .hcopy .lead {
    width: 100%;
    max-width: 600px;
    margin: 0 0 26px;
    font-size: 16px !important;
    line-height: 1.58;
  }

  .home-page .hero-stage .hero .hcopy .cta-row {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    width: min(100%, 440px);
    max-width: 440px;
    gap: 12px;
  }

  .home-page .hero-stage .hero .hcopy .cta-row .btn {
    min-height: 50px;
    padding-inline: 16px;
  }
}

@media (min-width: 901px) and (max-width: 1180px) {
  .home-page {
    --type-hero: clamp(43px, 4.25vw, 48px);
  }

  .home-page .hero-stage .hero {
    height: clamp(620px, 61vw, 680px) !important;
    min-height: clamp(620px, 61vw, 680px) !important;
  }

  .home-page .hero-stage::after {
    background: linear-gradient(
      90deg,
      rgba(247, 251, 248, .98) 0%,
      rgba(247, 251, 248, .95) 42%,
      rgba(247, 251, 248, .72) 58%,
      rgba(247, 251, 248, .16) 75%,
      rgba(247, 251, 248, 0) 86%
    );
  }

  .home-page .hero-stage .hero .hcopy {
    inset: 0 auto 0 0;
    width: min(62vw, 680px);
    max-width: 680px;
    height: 100%;
    min-height: 0;
    padding: 68px 32px 54px;
    justify-content: flex-start;
  }

  .home-page .hero-stage .hero .hcopy .clocks {
    width: min(100%, 520px);
    height: 40px;
    margin-bottom: 20px;
  }

  .home-page .hero-stage .hero .hcopy h1 {
    max-width: 580px !important;
    margin: 15px 0 18px;
    font-size: var(--type-hero) !important;
    line-height: 1.1 !important;
    text-wrap: balance;
  }

  .home-page .hero-stage .hero .hcopy .lead {
    max-width: 560px;
    margin-bottom: 24px;
    font-size: 15.5px !important;
    line-height: 1.56;
  }

  .home-page .hero-stage .hero .hcopy .cta-row {
    width: min(100%, 420px);
    max-width: 420px;
  }
}

@media (min-width: 2200px) {
  .home-page .hero-stage .hero .hcopy {
    inset: 0 auto 0 max(0px, calc((100vw - 1920px) / 2));
    width: 760px;
    max-width: 760px;
  }
}


/* source: styles/talktide-chat.css */
#dlpk-chat{
  position:fixed;
  left:24px;
  right:auto;
  top:auto;
  bottom:calc(24px + env(safe-area-inset-bottom,0px));
  z-index:1400;
  isolation:isolate;
  font-family:var(--body,"Inter","Segoe UI",sans-serif);
}
.dcp-nudge{
  position:absolute;
  left:62px;
  top:50%;
  width:clamp(270px,21vw,318px);
  min-height:76px;
  margin:0;
  padding:12px 14px 12px 16px;
  display:grid;
  grid-template-columns:minmax(0,1fr) 20px;
  gap:10px;
  align-items:center;
  appearance:none;
  color:#fff;
  text-align:left;
  font:inherit;
  background:rgba(7,49,37,.82);
  border:1px solid rgba(190,255,215,.28);
  border-radius:17px;
  box-shadow:0 18px 46px rgba(4,35,25,.30),inset 0 1px 0 rgba(255,255,255,.13);
  backdrop-filter:blur(18px) saturate(135%);
  -webkit-backdrop-filter:blur(18px) saturate(135%);
  cursor:pointer;
  transform:translateY(-50%);
  transform-origin:left center;
  transition:opacity .22s ease,visibility .22s ease,transform .26s cubic-bezier(.2,.8,.2,1),background-color .22s ease,border-color .22s ease,box-shadow .22s ease;
}
.dcp-nudge:hover{
  background:rgba(7,62,42,.91);
  border-color:rgba(190,255,215,.46);
  box-shadow:0 22px 54px rgba(4,35,25,.38),inset 0 1px 0 rgba(255,255,255,.18);
  transform:translate(4px,-50%);
}
.dcp-nudge:focus-visible{
  outline:3px solid #b9f3cd;
  outline-offset:4px;
}
.dcp-nudge-copy{display:block;min-width:0}
.dcp-nudge-copy b{
  display:block;
  color:#fff;
  font-size:15px;
  font-weight:760;
  line-height:1.25;
  letter-spacing:-.01em;
}
.dcp-nudge-copy>span{
  display:block;
  margin-top:3px;
  overflow:hidden;
  color:rgba(239,255,245,.78);
  font-size:12px;
  line-height:1.35;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.dcp-nudge-copy small{
  display:flex;
  align-items:center;
  gap:6px;
  margin-top:4px;
  color:#bff4cf;
  font-size:11px;
  line-height:1.2;
}
.dcp-nudge-copy small i{
  width:7px;
  height:7px;
  flex:none;
  border-radius:50%;
  background:#72f19c;
  box-shadow:0 0 0 3px rgba(114,241,156,.12);
}
.dcp-nudge-arrow{
  color:rgba(231,255,239,.72);
  font-size:18px;
  transition:transform .22s ease,color .22s ease;
}
.dcp-nudge:hover .dcp-nudge-arrow{
  color:#fff;
  transform:translateX(3px);
}
#dlpk-chat.open .dcp-nudge{
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transform:translate(-10px,-50%) scale(.96);
}
#dlpk-bubble{
  position:relative;
  width:50px;
  height:50px;
  border:1px solid rgba(255,255,255,.35);
  border-radius:50%;
  cursor:pointer;
  background:linear-gradient(145deg,#39b862,#147638);
  color:#fff;
  box-shadow:0 10px 24px rgba(7,62,31,.34);
  display:flex;
  align-items:center;
  justify-content:center;
  transition:transform .25s cubic-bezier(.34,1.56,.64,1),box-shadow .25s,background .2s;
}
#dlpk-bubble:hover{
  transform:scale(1.06) translateY(-2px);
  background:linear-gradient(145deg,#43c96d,#147638);
  box-shadow:0 14px 30px rgba(7,62,31,.42);
}
#dlpk-bubble:active{transform:scale(.97)}
#dlpk-bubble:focus-visible,.dcp-close:focus-visible,.dcp-form button:focus-visible{
  outline:3px solid #b9f3cd;
  outline-offset:3px;
}
#dlpk-bubble .ti{font-size:24px;line-height:1}
#dlpk-bubble .ic-open,#dlpk-bubble .ic-close{
  position:absolute;
  display:flex;
  transition:opacity .2s,transform .3s;
}
#dlpk-chat.open #dlpk-bubble .ic-open{opacity:0;transform:rotate(-90deg) scale(.6)}
#dlpk-chat:not(.open) #dlpk-bubble .ic-close{opacity:0;transform:rotate(90deg) scale(.6)}
#dlpk-bubble::after{
  content:"";
  position:absolute;
  top:7px;
  right:7px;
  width:9px;
  height:9px;
  border-radius:50%;
  background:#72f19c;
  border:2px solid #197d3e;
  box-shadow:0 0 0 0 rgba(114,241,156,.7);
  animation:dlpkPulse 2.4s infinite;
}
#dlpk-chat.open #dlpk-bubble::after{display:none}
@keyframes dlpkPulse{
  0%{box-shadow:0 0 0 0 rgba(114,241,156,.62)}
  70%{box-shadow:0 0 0 8px rgba(114,241,156,0)}
  100%{box-shadow:0 0 0 0 rgba(114,241,156,0)}
}
#dlpk-panel{
  position:absolute;
  left:0;
  right:auto;
  bottom:68px;
  width:min(374px,calc(100vw - 48px));
  height:min(544px,calc(100dvh - 116px));
  background:#fff;
  border:1px solid rgba(20,85,47,.11);
  border-radius:20px;
  box-shadow:0 30px 70px rgba(8,54,29,.28);
  display:flex;
  flex-direction:column;
  overflow:hidden;
  transform-origin:bottom left;
  opacity:0;
  transform:translateY(14px) scale(.96);
  pointer-events:none;
  transition:opacity .24s ease,transform .28s cubic-bezier(.2,.85,.25,1);
}
#dlpk-chat.open #dlpk-panel{opacity:1;transform:none;pointer-events:auto}
.dcp-head{
  background:linear-gradient(135deg,#218b47,#126734);
  color:#fff;
  padding:17px 18px;
  display:flex;
  align-items:center;
  gap:11px;
}
.dcp-head .dcp-av{
  width:38px;
  height:38px;
  border-radius:50%;
  background:rgba(255,255,255,.16);
  display:flex;
  align-items:center;
  justify-content:center;
  flex:none;
}
.dcp-head .dcp-av .ti{font-size:21px}
.dcp-head b{font-size:15px;display:block;line-height:1.2}
.dcp-head span{font-size:11.5px;color:#dff7e8;display:flex;align-items:center;gap:5px;margin-top:2px}
.dcp-head span i:not(.ti){width:7px;height:7px;border-radius:50%;background:#72f19c;display:inline-block}
.dcp-close{
  position:relative;
  margin-left:auto;
  background:rgba(255,255,255,.14);
  border:0;
  color:#fff;
  width:44px;
  height:44px;
  min-width:44px;
  min-height:44px;
  flex:none;
  border-radius:50%;
  cursor:pointer;
  display:flex;
  align-items:center;
  justify-content:center;
  transition:.18s;
}
.dcp-close .ti{font-size:20px}
.dcp-close:hover{background:rgba(255,255,255,.28);transform:rotate(90deg)}
.dcp-msgs{
  flex:1;
  overflow-y:auto;
  padding:18px 16px;
  display:flex;
  flex-direction:column;
  gap:11px;
  background:linear-gradient(180deg,#f8fbf9,#eef7f1);
  scrollbar-width:thin;
  scrollbar-color:#b9d8c4 transparent;
}
.dcp-msgs::-webkit-scrollbar{width:7px}
.dcp-msgs::-webkit-scrollbar-thumb{background:#b9d8c4;border-radius:7px}
.dcp-msg{
  max-width:82%;
  padding:10px 13px;
  border-radius:14px;
  font-size:13.5px;
  line-height:1.5;
  white-space:pre-wrap;
  overflow-wrap:anywhere;
  animation:dcpIn .3s ease;
}
@keyframes dcpIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.dcp-msg.bot{
  align-self:flex-start;
  background:#fff;
  color:#173723;
  border:1px solid #dcece2;
  border-bottom-left-radius:4px;
  box-shadow:0 3px 10px rgba(16,75,40,.05);
}
.dcp-msg.user{
  align-self:flex-end;
  background:linear-gradient(135deg,#218b47,#176f39);
  color:#fff;
  border-bottom-right-radius:4px;
}
.dcp-typing{
  align-self:flex-start;
  background:#fff;
  border:1px solid #dcece2;
  border-radius:14px;
  border-bottom-left-radius:4px;
  padding:12px 14px;
  display:flex;
  gap:4px;
}
.dcp-typing i{width:7px;height:7px;border-radius:50%;background:#82a98f;animation:dcpBlink 1.3s infinite}
.dcp-typing i:nth-child(2){animation-delay:.2s}
.dcp-typing i:nth-child(3){animation-delay:.4s}
@keyframes dcpBlink{0%,60%,100%{opacity:.3;transform:translateY(0)}30%{opacity:1;transform:translateY(-3px)}}
.dcp-form{
  display:flex;
  align-items:flex-end;
  gap:8px;
  padding:11px 12px;
  border-top:1px solid #e2ece5;
  background:#fff;
}
.dcp-form textarea{
  flex:1;
  resize:none;
  border:1.5px solid #d8e6dd;
  border-radius:12px;
  padding:10px 12px;
  font:inherit;
  font-size:13.5px;
  line-height:1.45;
  max-height:96px;
  outline:none;
  transition:border-color .18s,box-shadow .18s;
  background:#f7faf8;
}
.dcp-form textarea:focus{border-color:#218b47;box-shadow:0 0 0 3px rgba(33,139,71,.12);background:#fff}
.dcp-form button{
  flex:none;
  width:44px;
  height:44px;
  border-radius:11px;
  border:0;
  background:linear-gradient(135deg,#218b47,#176f39);
  color:#fff;
  cursor:pointer;
  display:flex;
  align-items:center;
  justify-content:center;
  transition:.18s;
}
.dcp-form button .ti{font-size:18px}
.dcp-form button:hover{transform:translateY(-2px);box-shadow:0 8px 18px rgba(33,139,71,.28)}
.dcp-form button:disabled{opacity:.46;cursor:default;transform:none;box-shadow:none}
.dcp-foot{
  font-size:10.5px;
  line-height:1.4;
  color:#5a6f62;
  text-align:center;
  padding:7px 12px 9px;
  background:#fff;
  border-top:1px solid #edf3ef;
}
@media(max-width:860px){
  #dlpk-chat{position:fixed;left:16px;right:auto;top:auto;bottom:calc(16px + env(safe-area-inset-bottom,0px))}
  .dcp-nudge{display:none}
  #dlpk-bubble{width:54px;height:54px}
  #dlpk-panel{
    left:0;
    right:auto;
    bottom:66px;
    width:min(374px,calc(100vw - 32px));
    height:min(544px,calc(100dvh - 112px));
    transform-origin:bottom left;
  }
  #dlpk-bubble::after{animation:none}
}
@media(min-width:861px) and (max-width:1180px){
  #dlpk-chat{left:20px}
  .dcp-nudge{left:62px;width:min(300px,calc(100vw - 112px))}
}
@media(max-width:420px){
  #dlpk-panel{left:0;right:auto;width:calc(100vw - 32px);border-radius:18px}
}
@media(prefers-reduced-motion:reduce){
  #dlpk-bubble::after,.dcp-msg,.dcp-typing i{animation:none}
  #dlpk-panel,#dlpk-bubble{transition:none}
}
@media(hover:none){
  #dlpk-bubble:hover,.dcp-close:hover,.dcp-form button:hover{transform:none}
}


/* source: styles/floating-controls-v114.css */
/* V114 — mirror Dolphlink's floating-control relationship:
   conversation access on the right, page return on the left. */

body.home-page #dlpk-chat {
  left: auto !important;
  right: 24px !important;
}

body.home-page #dlpk-chat .dcp-nudge {
  left: auto;
  right: 62px;
  transform-origin: right center;
}

body.home-page #dlpk-chat .dcp-nudge:hover {
  transform: translate(-4px, -50%);
}

body.home-page #dlpk-chat.open .dcp-nudge {
  transform: translate(10px, -50%) scale(.96);
}

body.home-page #dlpk-chat #dlpk-panel {
  left: auto;
  right: 0;
  transform-origin: bottom right;
}

.home-page .fx-to-top {
  left: 24px !important;
  right: auto !important;
  bottom: calc(24px + env(safe-area-inset-bottom, 0px));
}

@media (max-width: 900px) {
  body.home-page #dlpk-chat {
    left: auto !important;
    right: 16px !important;
    bottom: calc(16px + env(safe-area-inset-bottom, 0px));
  }

  body.home-page #dlpk-chat #dlpk-panel {
    left: auto;
    right: 0;
    width: min(374px, calc(100vw - 32px));
    transform-origin: bottom right;
  }

  .home-page .fx-to-top {
    display: grid !important;
    left: 16px !important;
    right: auto !important;
    bottom: calc(16px + env(safe-area-inset-bottom, 0px));
    width: 46px;
    height: 46px;
  }
}


/* source: styles/proof-sections-v115.css */
/* V115 — Separate Hero media from regional proof.
   Video ends with the Hero; time, metrics and partners become independent
   content surfaces with the same spacing rhythm as the rest of the page. */

.home-page .hero-stage {
  height: auto;
  min-height: 0;
  overflow: visible;
  background: #fff !important;
}

.home-page .hero-stage .hero {
  position: relative;
  overflow: hidden !important;
}

.home-page .hero-stage .hero .himg {
  inset: 0 0 auto 0 !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 0 !important;
}

.home-page .hero-stage .hero .himg video,
.home-page .hero-stage .hero .himg > img {
  width: 100%;
  height: 100% !important;
  object-fit: cover;
}

@media (min-width: 901px) {
  .home-page .hero-stage::after {
    top: 0;
    right: 0;
    bottom: auto;
    left: 0;
    width: auto;
    height: clamp(660px, 46vw, 720px);
  }
}

.home-page .hero-times {
  position: relative;
  z-index: 4;
  width: 100%;
  margin: 0;
  padding: 24px 24px 12px;
  border-top: 1px solid rgba(18, 92, 52, .08);
  background: #fff;
}

.home-page .hero-times .clocks {
  position: relative !important;
  inset: auto !important;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  width: min(100%, 860px);
  min-width: 0;
  max-width: 860px;
  height: 34px;
  margin: 0 auto;
  padding: 0 8px;
  overflow: hidden;
  border: 1px solid rgba(23, 107, 62, .18);
  border-radius: 10px;
  background: #155a43;
  box-shadow: none;
}

.home-page .hero-times .clocks .ck {
  min-width: 0;
  padding: 0 15px;
  display: flex;
  flex-direction: row !important;
  align-items: center;
  justify-content: center;
  gap: 7px;
  border-right: 1px solid rgba(255, 255, 255, .18);
  white-space: nowrap;
}

.home-page .hero-times .clocks .ck:last-child {
  border-right: 0;
}

.home-page .hero-times .clocks .ck span {
  margin: 0;
  color: #a6efbe;
  font-size: 10px !important;
  line-height: 1;
  font-weight: 750;
  letter-spacing: .055em;
  text-transform: uppercase;
}

.home-page .hero-times .clocks .ck b {
  color: #fff;
  font-size: 13px !important;
  line-height: 1;
  font-weight: 750;
  letter-spacing: -.01em;
}

.home-page .hero-stage .stats {
  position: relative;
  z-index: 3;
  width: 100%;
  height: auto !important;
  min-height: 0 !important;
  margin: 0;
  padding: 12px 24px 30px;
  border: 0;
  background: #fff !important;
}

.home-page .hero-stage .stats .wrap {
  width: min(100%, 1180px);
  max-width: 1180px;
  min-height: 92px;
  margin: 0 auto;
  padding: 0 !important;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
}

.home-page .hero-stage .stats .stat {
  min-width: 0;
  min-height: 92px;
  padding: 18px 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
  border: 1px solid #dcebe2;
  border-radius: 16px;
  background: #f5faf7;
  box-shadow: 0 10px 28px rgba(22, 94, 52, .06);
}

.home-page .hero-stage .stats .stat + .stat {
  border-left: 1px solid #dcebe2;
}

.home-page .hero-stage .stats .stat .si {
  width: 40px;
  height: 40px;
  flex: none;
  display: grid;
  place-items: center;
  border: 1px solid #d5eadc;
  border-radius: 50%;
  color: #168942;
  background: #fff;
}

.home-page .hero-stage .stats .stat .si .ti {
  font-size: 21px;
}

.home-page .hero-stage .stats .stat b {
  color: #13763a !important;
  font-size: 28px;
  line-height: 1.05;
}

.home-page .hero-stage .stats .stat span {
  color: #5f6d64 !important;
  font-size: 13px;
}

.home-page .hero-stage .trust {
  position: relative;
  z-index: 3;
  width: 100%;
  height: auto !important;
  min-height: 0 !important;
  margin: 0;
  padding: 32px 24px 38px;
  overflow: hidden;
  border-top: 1px solid #e2eee7;
  border-bottom: 1px solid #e2eee7;
  background: #f5faf7 !important;
}

.home-page .hero-stage .trust .wrap {
  width: min(100%, 1240px);
  max-width: 1240px;
  margin: 0 auto;
  padding: 0 !important;
}

.home-page .hero-stage .trust .tt {
  display: block;
  width: 100%;
  max-width: none;
  margin: 0 0 24px;
  padding: 0;
  border: 0;
  border-radius: 0;
  color: #52635a !important;
  font-size: 13px !important;
  line-height: 1.5;
  text-align: center;
  background: transparent;
  box-shadow: none;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
}

.home-page .hero-stage .trust .partner-marquee {
  width: 100%;
  padding-block: 2px;
}

.home-page .hero-stage .trust .partner-group {
  gap: 20px;
}

.home-page .hero-stage .trust .partner-group img {
  border: 1px solid #e3ece7;
  background: #fff;
  box-shadow: 0 8px 20px rgba(22, 94, 52, .05);
}

@media (max-width: 900px) {
  .home-page .hero-stage::after {
    inset: 0;
    height: 760px;
  }

  .home-page .hero-times {
    padding: 18px 16px 10px;
  }

  .home-page .hero-times .clocks {
    width: 100%;
    height: 46px !important;
    min-height: 0 !important;
    padding: 0 3px !important;
  }

  .home-page .hero-times .clocks .ck {
    padding: 4px 2px;
    flex-direction: column;
    gap: 4px;
    white-space: normal;
  }

  .home-page .hero-times .clocks .ck span {
    font-size: 8px !important;
    white-space: nowrap;
  }

  .home-page .hero-times .clocks .ck b {
    font-size: 12px !important;
  }

  .home-page .hero-stage .stats {
    padding: 10px 16px 24px;
  }

  .home-page .hero-stage .stats .wrap {
    min-height: 0;
    grid-template-columns: 1fr;
    gap: 10px;
  }

  .home-page .hero-stage .stats .stat {
    min-height: 72px;
    padding: 14px 18px;
    justify-content: flex-start;
  }

  .home-page .hero-stage .trust {
    padding: 28px 16px 32px;
  }
}


/* source: styles/contact-v117.css */
/* Talktide contact panel v117
   Dolphlink's direct-contact CTA translated into Talktide's green system. */

.home-page .contact-build {
  position: relative;
  isolation: isolate;
  display: grid;
  place-items: center;
  min-height: 520px;
  padding: clamp(58px, 6vw, 92px) 24px;
  overflow: hidden;
  border-top: 1px solid rgba(23, 139, 75, .18);
  background: #edf8f1;
}

.home-page .contact-build::before {
  content: "";
  position: absolute;
  top: 0;
  left: 7%;
  width: 86%;
  height: 2px;
  border-radius: 2px;
  background: #74d39a;
}

.home-page .contact-build-glow {
  position: absolute;
  z-index: -1;
  width: min(980px, 82vw);
  height: 390px;
  border-radius: 50%;
  background: rgba(64, 175, 106, .18);
  filter: blur(64px);
}

.home-page .contact-build-panel {
  position: relative;
  width: min(100%, 1140px);
  padding: clamp(34px, 4vw, 52px);
  border: 2px solid #6bcf91;
  border-radius: 26px;
  color: #173b2b;
  background: rgba(255, 255, 255, .94);
  box-shadow: 0 28px 72px rgba(13, 87, 50, .16);
  -webkit-backdrop-filter: blur(18px) saturate(112%);
  backdrop-filter: blur(18px) saturate(112%);
}

.home-page .contact-build-head {
  margin-bottom: 28px;
}

.home-page .contact-build-head h2 {
  max-width: 920px;
  margin: 0 0 14px;
  color: #143a27;
  font-family: var(--disp);
  font-size: clamp(30px, 3vw, 42px);
  font-weight: 700;
  line-height: 1.12;
  letter-spacing: -.025em;
}

.home-page .contact-build-head p {
  margin: 0;
  color: #587064;
  font-size: clamp(15px, 1.2vw, 18px);
  line-height: 1.55;
}

.home-page .contact-build-head button {
  appearance: none;
  padding: 4px 2px;
  border: 0;
  color: #16864a;
  background: transparent;
  font: inherit;
  font-weight: 750;
  cursor: pointer;
}

.home-page .contact-build-head button:hover,
.home-page .contact-build-head button:focus-visible {
  color: #0d6939;
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 4px;
}

.home-page .contact-team-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
}

.home-page .contact-person {
  min-width: 0;
  padding: 22px;
  border: 1px solid #d4e9dc;
  border-radius: 20px;
  background: #f1f8f4;
  transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease;
}

.home-page .contact-person:hover {
  border-color: rgba(23, 139, 75, .34);
  box-shadow: 0 14px 30px rgba(19, 94, 56, .09);
  transform: translateY(-2px);
}

.home-page .contact-person-top {
  display: flex;
  align-items: center;
  gap: 16px;
  min-width: 0;
  margin-bottom: 20px;
}

.home-page .contact-avatar {
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  width: 64px;
  height: 64px;
  border: 3px solid rgba(255, 255, 255, .82);
  border-radius: 50%;
  color: #fff;
  background: #178b4b;
  box-shadow: 0 9px 22px rgba(17, 126, 66, .26), inset 0 1px 1px rgba(255, 255, 255, .38);
  font-size: 20px;
  font-weight: 800;
  letter-spacing: .02em;
}

.home-page .contact-person-info {
  min-width: 0;
}

.home-page .contact-person-info h3 {
  margin: 0 0 4px;
  color: #153a28;
  font-family: var(--disp);
  font-size: clamp(19px, 1.6vw, 23px);
  font-weight: 750;
  line-height: 1.2;
}

.home-page .contact-person-info p {
  margin: 0;
  color: #5c7467;
  font-size: clamp(14px, 1.15vw, 16px);
  line-height: 1.4;
}

.home-page .contact-person-actions {
  display: flex;
  align-items: center;
  gap: 10px;
}

.home-page .contact-icon-action {
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  width: 46px;
  height: 46px;
  border: 1px solid #d4e5db;
  border-radius: 12px;
  color: #148046;
  background: rgba(255, 255, 255, .9);
  transition: color .18s ease, background-color .18s ease, border-color .18s ease, transform .18s ease;
}

.home-page .contact-icon-action .ti {
  font-size: 20px;
}

.home-page .contact-icon-action:hover,
.home-page .contact-icon-action:focus-visible {
  border-color: #178b4b;
  color: #fff;
  background: #178b4b;
  transform: translateY(-2px);
}

.home-page .contact-digital-card {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  min-height: 46px;
  margin-left: auto;
  padding: 10px 16px;
  border-radius: 12px;
  color: #11733e;
  background: #dff1e6;
  font-size: 15px;
  font-weight: 800;
  white-space: nowrap;
  transition: color .18s ease, background-color .18s ease, transform .18s ease;
}

.home-page .contact-digital-card:hover,
.home-page .contact-digital-card:focus-visible {
  color: #fff;
  background: #178b4b;
  transform: translateY(-2px);
}

.home-page .contact-digital-card .ti {
  font-size: 16px;
}

@media (max-width: 860px) {
  .home-page .contact-build {
    min-height: 0;
    padding: 48px 18px;
  }

  .home-page .contact-build-panel {
    width: min(100%, 680px);
    padding: 32px;
  }

  .home-page .contact-team-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 520px) {
  .home-page .contact-build {
    padding: 30px 12px;
  }

  .home-page .contact-build-panel {
    padding: 24px 18px;
    border-radius: 20px;
  }

  .home-page .contact-build-head {
    margin-bottom: 22px;
  }

  .home-page .contact-build-head h2 {
    font-size: 28px;
  }

  .home-page .contact-person {
    padding: 18px 16px;
    border-radius: 16px;
  }

  .home-page .contact-avatar {
    width: 54px;
    height: 54px;
    font-size: 17px;
  }

  .home-page .contact-person-actions {
    flex-wrap: wrap;
  }

  .home-page .contact-digital-card {
    flex: 1 1 150px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .home-page .contact-person,
  .home-page .contact-icon-action,
  .home-page .contact-digital-card {
    transition: none;
  }
}


/* source: styles/header-v118.css */
/* Talktide header v118
   White brand field with a slanted transition into the corporate green menu. */

.home-page header.site {
  --header-height: 86px;
  position: sticky;
  top: 0;
  z-index: 1200;
  display: grid;
  grid-template-columns: minmax(300px, 27vw) minmax(0, 1fr) auto;
  align-items: center;
  width: 100%;
  min-height: var(--header-height);
  height: var(--header-height);
  padding: 0 clamp(24px, 3vw, 54px);
  border-top: 1px solid #d8e8df;
  border-bottom: 1px solid rgba(13, 91, 49, .18);
  background: #fff;
  box-shadow: 0 5px 18px rgba(11, 77, 43, .08);
  overflow: visible;
}

.home-page header.site::before {
  content: "";
  position: absolute;
  z-index: 0;
  top: 0;
  right: 0;
  bottom: 0;
  left: min(27vw, 520px);
  background: #35b35e;
  clip-path: polygon(0 0, 100% 0, 100% 100%, 52px 100%);
  pointer-events: none;
}

.home-page header.site > * {
  position: relative;
  z-index: 1;
}

.home-page header.site .brand {
  grid-column: 1;
  justify-self: start;
  display: inline-flex;
  align-items: center;
  min-width: 0;
  height: 100%;
  padding-right: 54px;
}

.home-page header.site .brand img {
  display: block;
  width: clamp(176px, 15vw, 224px);
  height: auto;
  max-height: 62px;
  object-fit: contain;
}

.home-page header.site .h-spacer {
  display: none;
}

.home-page header.site nav {
  grid-column: 2;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: clamp(18px, 2.3vw, 40px);
  min-width: 0;
  height: 100%;
  margin: 0;
  padding-left: clamp(24px, 4vw, 72px);
  background: transparent;
}

.home-page header.site nav a {
  position: relative;
  display: inline-flex;
  align-items: center;
  min-height: 44px;
  padding: 8px 0;
  border: 0;
  border-radius: 0;
  color: #fff;
  background: transparent;
  font-family: var(--disp);
  font-size: clamp(14px, 1.05vw, 17px);
  font-weight: 650;
  line-height: 1.2;
  white-space: nowrap;
  text-shadow: 0 1px 1px rgba(9, 76, 40, .12);
}

.home-page header.site nav a::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 4px;
  left: 0;
  height: 2px;
  border-radius: 2px;
  background: #fff;
  opacity: 0;
  transform: scaleX(.35);
  transition: opacity .18s ease, transform .18s ease;
}

.home-page header.site nav a:first-child::before {
  content: "";
  width: 8px;
  height: 8px;
  margin-right: 10px;
  border-radius: 50%;
  background: #fff;
}

.home-page header.site nav a:hover,
.home-page header.site nav a:focus-visible {
  color: #fff;
}

.home-page header.site nav a:hover::after,
.home-page header.site nav a:focus-visible::after {
  opacity: .92;
  transform: scaleX(1);
}

.home-page header.site .mobile-nav-contact {
  display: none;
}

.home-page header.site .h-actions {
  grid-column: 3;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 14px;
  height: 100%;
  margin-left: 24px;
}

.home-page header.site .lang-btn {
  min-height: 42px;
  padding: 8px 10px;
  border: 0;
  color: #fff;
  background: transparent;
  font-size: 14px;
}

.home-page header.site .lang-btn:hover,
.home-page header.site .lang-btn:focus-visible {
  color: #fff;
  background: rgba(255, 255, 255, .13);
}

.home-page header.site .lang-btn .glb,
.home-page header.site .lang-btn .cav {
  color: currentColor;
}

.home-page header.site .h-actions > .btn {
  min-height: 46px;
  padding: 12px 20px;
  border: 1px solid rgba(255, 255, 255, .88);
  border-radius: 10px;
  color: #11743e;
  background: #fff;
  box-shadow: 0 7px 18px rgba(7, 79, 39, .15);
  font-size: 14px;
  font-weight: 800;
}

.home-page header.site .h-actions > .btn:hover,
.home-page header.site .h-actions > .btn:focus-visible {
  border-color: #fff;
  color: #0b6334;
  background: #f2fbf5;
  transform: translateY(-1px);
}

.home-page header.site .lang-menu {
  top: calc(100% + 10px);
  right: 0;
}

.home-page header.site .nav-toggle {
  display: none;
}

@media (min-width: 901px) {
  .home-page header.site {
    height: var(--header-height) !important;
    min-height: var(--header-height) !important;
    padding: 0 clamp(24px, 3vw, 54px) !important;
    gap: 0 !important;
  }

  .home-page header.site .brand {
    width: auto !important;
    height: 100% !important;
    min-height: var(--header-height) !important;
    flex: none !important;
  }

  .home-page header.site .brand img {
    width: clamp(176px, 15vw, 224px) !important;
    max-height: 62px !important;
  }

  .home-page header.site nav {
    height: var(--header-height) !important;
    gap: clamp(18px, 2.3vw, 40px) !important;
    padding-left: clamp(24px, 4vw, 72px) !important;
  }

  .home-page header.site nav a {
    height: auto !important;
    min-height: 44px !important;
    padding: 8px 0 !important;
    font-size: clamp(14px, 1.05vw, 17px) !important;
  }

  .home-page header.site .h-actions {
    height: 100% !important;
    gap: 14px !important;
  }

  .home-page header.site .lang-btn {
    width: auto !important;
    height: 42px !important;
    min-height: 42px !important;
    padding: 8px 10px !important;
  }

  .home-page header.site .h-actions > .btn {
    height: 46px !important;
    min-height: 46px !important;
    padding: 12px 20px !important;
    border-radius: 10px !important;
  }
}

@media (max-width: 1180px) {
  .home-page header.site {
    grid-template-columns: minmax(260px, 25vw) minmax(0, 1fr) auto;
    padding-right: 22px;
    padding-left: 26px;
  }

  .home-page header.site::before {
    left: 25vw;
    clip-path: polygon(0 0, 100% 0, 100% 100%, 42px 100%);
  }

  .home-page header.site .brand {
    padding-right: 42px;
  }

  .home-page header.site .brand img {
    width: 184px;
  }

  .home-page header.site nav {
    gap: 20px;
    padding-left: 30px;
  }

  .home-page header.site nav a {
    font-size: 14px;
  }

  .home-page header.site .h-actions {
    gap: 8px;
    margin-left: 16px;
  }

  .home-page header.site .h-actions > .btn {
    padding-right: 14px;
    padding-left: 14px;
  }
}

@media (max-width: 900px) {
  .home-page header.site {
    --header-height: 68px;
    display: flex;
    align-items: center;
    min-height: var(--header-height);
    height: var(--header-height);
    padding: 0 12px 0 16px !important;
    gap: 0 !important;
  }

  .home-page header.site::before {
    left: 154px;
    clip-path: polygon(0 0, 100% 0, 100% 100%, 30px 100%);
  }

  .home-page header.site .brand {
    z-index: 3;
    width: 174px !important;
    flex: 0 0 174px !important;
    padding-right: 34px;
  }

  .home-page header.site .brand img {
    width: 132px !important;
    max-height: 46px;
  }

  .home-page header.site .h-spacer {
    display: none !important;
  }

  .home-page header.site .h-actions {
    position: absolute !important;
    top: 50% !important;
    right: 62px !important;
    transform: translateY(-50%) !important;
    display: flex;
    flex: 0 0 auto;
    gap: 6px;
    height: auto;
    margin: 0 8px 0 0 !important;
  }

  .home-page header.site .lang-btn {
    min-width: 48px;
    min-height: 40px;
    padding: 7px 8px;
  }

  .home-page header.site .lang-btn .glb {
    display: none;
  }

  .home-page header.site .h-actions > .btn {
    display: inline-flex !important;
    min-height: 40px;
    padding: 9px 12px;
    border-radius: 9px;
    font-size: 12px;
  }

  .home-page header.site .nav-toggle {
    position: absolute !important;
    top: 50% !important;
    right: 12px !important;
    z-index: 3;
    display: inline-flex !important;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    flex-direction: column !important;
    gap: 5px !important;
    width: 42px;
    height: 42px;
    margin: 0 !important;
    transform: translateY(-50%) !important;
    border: 1px solid rgba(255, 255, 255, .65);
    border-radius: 9px;
    background: rgba(255, 255, 255, .12);
  }

  .home-page header.site .nav-toggle span {
    display: block !important;
    flex: 0 0 auto !important;
    width: 18px !important;
    height: 2px !important;
    border-radius: 2px !important;
    background: #fff !important;
  }

  .home-page header.site nav {
    position: absolute;
    top: 100%;
    right: 0;
    left: 0;
    z-index: 2;
    display: none;
    height: auto;
    margin: 0;
    padding: 14px 18px 18px;
    border-top: 1px solid rgba(255, 255, 255, .18);
    border-bottom: 1px solid rgba(9, 72, 37, .18);
    background: #24984d;
    box-shadow: 0 16px 26px rgba(7, 65, 33, .2);
  }

  .home-page header.site nav.open {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
  }

  .home-page header.site nav a {
    min-height: 46px;
    padding: 11px 14px;
    border: 1px solid rgba(255, 255, 255, .16);
    border-radius: 9px;
    background: rgba(255, 255, 255, .08);
    font-size: 14px;
  }

  .home-page header.site nav a:first-child::before {
    width: 6px;
    height: 6px;
    margin-right: 8px;
  }

  .home-page header.site nav a::after {
    display: none;
  }

  .home-page header.site nav .mobile-nav-contact {
    display: none !important;
  }
}

@media (max-width: 520px) {
  .home-page header.site {
    padding-left: 12px;
  }

  .home-page header.site::before {
    left: 134px;
    clip-path: polygon(0 0, 100% 0, 100% 100%, 24px 100%);
  }

  .home-page header.site .brand {
    width: 150px !important;
    flex-basis: 150px !important;
    padding-right: 24px;
  }

  .home-page header.site .brand img {
    width: 120px !important;
  }

  .home-page header.site .lang-btn {
    min-width: 42px;
    padding: 6px;
  }

  .home-page header.site .lang-btn .cav {
    display: none;
  }

  .home-page header.site .h-actions > .btn {
    padding-right: 10px;
    padding-left: 10px;
    font-size: 11px;
  }

  .home-page header.site .nav-toggle {
    width: 40px;
    height: 40px;
  }

  .home-page header.site nav.open {
    grid-template-columns: 1fr;
  }
}

@media (prefers-reduced-motion: reduce) {
  .home-page header.site nav a::after,
  .home-page header.site .h-actions > .btn {
    transition: none;
  }
}


/* source: styles/trust-v119.css */
/* Talktide trust and compliance showcase
   Structure follows the Dolphlink industry-workflow section while retaining
   Talktide's green system and existing regional compliance content. */

.home-page .compliance-showcase {
  position: relative;
  isolation: isolate;
  min-height: 0;
  padding: clamp(72px, 7vw, 104px) 0 clamp(76px, 7.5vw, 112px);
  overflow: hidden;
  border-top: 1px solid #dcebe1;
  background: #f8fcf9;
}

.home-page .compliance-showcase::before {
  content: "";
  position: absolute;
  inset: 12% -10% auto;
  z-index: -1;
  width: 120%;
  height: min(54vw, 620px);
  background: url("../media/myid/region-wave-green-v98.webp") center / 100% auto no-repeat;
  opacity: .52;
  pointer-events: none;
  transform: rotate(-8deg) scale(1.08);
  transform-origin: center;
}

.home-page .compliance-showcase::after {
  content: "";
  position: absolute;
  inset: auto -6% 4%;
  z-index: -1;
  width: 112%;
  height: min(44vw, 520px);
  background: url("../media/myid/region-wave-green-v98.webp") center / 100% auto no-repeat;
  opacity: .24;
  pointer-events: none;
  transform: rotate(9deg) scaleX(-1);
  transform-origin: center;
}

.home-page .compliance-inner {
  position: relative;
  width: min(100% - 48px, 1120px);
  max-width: none;
  margin: 0 auto;
  padding: 0;
}

.home-page .compliance-head {
  width: min(100%, 820px);
  margin: 0 auto clamp(42px, 4vw, 58px);
  text-align: center;
}

.home-page .compliance-eyebrow {
  display: block;
  margin-bottom: 14px;
  color: #218e49;
  font-size: 13px;
  font-weight: 800;
  letter-spacing: .16em;
  line-height: 1.2;
  text-transform: uppercase;
}

.home-page .compliance-showcase .compliance-head h2 {
  max-width: 780px;
  margin: 0 auto;
  color: #13261b;
  font-family: var(--disp);
  font-size: clamp(34px, 4vw, 50px);
  font-weight: 700;
  letter-spacing: -.035em;
  line-height: 1.08;
  text-wrap: balance;
}

.home-page .compliance-ornament {
  display: block;
  width: 92px;
  height: 3px;
  margin: 22px auto 20px;
  border-radius: 999px;
  background: #31ad5b;
  box-shadow: none;
}

.home-page .compliance-ornament i {
  display: none;
}

.home-page .compliance-lead {
  max-width: 760px;
  margin: 0 auto;
  color: #5e6d64;
  font-size: clamp(16px, 1.45vw, 19px);
  line-height: 1.65;
  text-wrap: balance;
}

.home-page .compliance-showcase .compl-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
  width: min(100%, 960px);
  margin: 0 auto;
}

.home-page .compliance-showcase .cmpl {
  position: relative;
  min-width: 0;
  min-height: 232px;
  display: flex;
  flex-direction: column;
  gap: 0;
  padding: 26px 28px 24px;
  overflow: hidden;
  border: 1px solid rgba(29, 117, 61, .17);
  border-top: 3px solid #31ad5b;
  border-radius: 16px;
  background: rgba(255, 255, 255, .94);
  box-shadow: 0 2px 5px rgba(17, 74, 38, .05);
  transition: transform .24s ease, border-color .24s ease, box-shadow .24s ease;
}

.home-page .compliance-showcase .cmpl:hover {
  transform: translateY(-4px);
  border-color: rgba(29, 117, 61, .34);
  border-top-color: #218e49;
  box-shadow: 0 20px 42px rgba(17, 74, 38, .13);
}

.home-page .compliance-showcase .cmpl-head {
  display: flex;
  align-items: center;
  gap: 14px;
  margin-bottom: 16px;
}

.home-page .compliance-showcase .cmpl .ic {
  width: 48px;
  height: 48px;
  flex: 0 0 48px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  border: 1px solid rgba(49, 173, 91, .16);
  border-radius: 12px;
  background: #e8f7ed;
  color: #218e49;
  transition: transform .24s ease, background-color .24s ease;
}

.home-page .compliance-showcase .cmpl:hover .ic {
  transform: scale(1.06);
  background: #dcf3e4;
}

.home-page .compliance-showcase .cmpl .ic .ti {
  font-size: 25px;
  line-height: 1;
}

.home-page .compliance-showcase .cmpl-kicker {
  color: #218e49;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .13em;
  line-height: 1.2;
  text-transform: uppercase;
}

.home-page .compliance-showcase .cmpl h3 {
  margin: 0;
  color: #17251c;
  font-family: var(--disp);
  font-size: clamp(20px, 1.8vw, 24px);
  font-weight: 700;
  letter-spacing: -.018em;
  line-height: 1.28;
}

.home-page .compliance-showcase .cmpl p {
  margin: 10px 0 0;
  color: #647168;
  font-size: 15px;
  line-height: 1.62;
}

.home-page .compliance-showcase .cmpl-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: auto;
  padding-top: 18px;
}

.home-page .compliance-showcase .cmpl-tags span {
  display: inline-flex;
  align-items: center;
  min-height: 28px;
  padding: 5px 10px;
  border: 1px solid rgba(29, 117, 61, .16);
  border-radius: 7px;
  background: #fff;
  color: #267f47;
  font-size: 11px;
  font-weight: 750;
  line-height: 1;
}

@media (max-width: 760px) {
  .home-page .compliance-showcase {
    padding: 64px 0 72px;
  }

  .home-page .compliance-showcase::before {
    inset: 18% -55% auto;
    width: 210%;
    height: 480px;
    opacity: .4;
  }

  .home-page .compliance-showcase::after {
    display: none;
  }

  .home-page .compliance-inner {
    width: min(100% - 36px, 620px);
  }

  .home-page .compliance-head {
    margin-bottom: 36px;
  }

  .home-page .compliance-showcase .compliance-head h2 {
    font-size: clamp(32px, 8.4vw, 42px);
  }

  .home-page .compliance-lead {
    font-size: 16px;
  }

  .home-page .compliance-showcase .compl-grid {
    grid-template-columns: 1fr;
    gap: 14px;
  }

  .home-page .compliance-showcase .cmpl {
    min-height: 0;
    padding: 23px 22px 22px;
  }
}

@media (max-width: 420px) {
  .home-page .compliance-showcase {
    padding-top: 56px;
    padding-bottom: 64px;
  }

  .home-page .compliance-inner {
    width: min(100% - 28px, 620px);
  }

  .home-page .compliance-eyebrow {
    font-size: 11px;
  }

  .home-page .compliance-showcase .compliance-head h2 {
    font-size: 32px;
  }

  .home-page .compliance-ornament {
    margin-top: 18px;
    margin-bottom: 18px;
  }

  .home-page .compliance-showcase .cmpl h3 {
    font-size: 21px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .home-page .compliance-showcase .cmpl,
  .home-page .compliance-showcase .cmpl .ic {
    transition: none;
  }
}


/* source: styles/feature-v120.css */
/* Capability chapter v120
   Reconciles the Talktide content with Dolphlink's communication-challenges
   proportions and replaces conflicting prism/overlay rules with one state. */

.home-page .region-transition + .feature-rotator,
.home-page .feature-rotator {
  --feature-panel-min-height: 400px;
  position: relative;
  isolation: isolate;
  min-height: 0;
  height: auto;
  padding: clamp(66px, 6.5vw, 92px) 28px 64px !important;
  overflow: hidden;
  border-top: 1px solid #e0ebe3;
  background: #fbfdfc;
}

.home-page .feature-rotator::before {
  content: "";
  position: absolute;
  inset: 18% -12% auto;
  z-index: -1;
  width: 124%;
  height: min(50vw, 580px);
  background: url("../media/myid/region-wave-green-v98.webp") center / 100% auto no-repeat;
  opacity: .34;
  pointer-events: none;
  transform: rotate(-8deg) scale(1.08);
}

.home-page .feature-section-head {
  width: min(100%, 860px);
  margin: 0 auto clamp(48px, 4.5vw, 62px);
  text-align: center;
}

.home-page .feature-section-eyebrow {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 13px;
  width: 100%;
  margin: 0 0 17px;
  color: #218e49;
  font-family: var(--disp);
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .17em;
  line-height: 1.25;
  text-transform: uppercase;
}

.home-page .feature-section-eyebrow::before,
.home-page .feature-section-eyebrow::after {
  content: "";
  width: 46px;
  height: 1px;
  flex: 0 0 46px;
  background: rgba(33, 142, 73, .48);
}

.home-page .feature-section-eyebrow .ti {
  display: none;
}

.home-page .feature-section-head > h2 {
  max-width: 840px;
  margin: 0 auto;
  color: #15241a;
  font-family: var(--disp);
  font-size: clamp(34px, 3.35vw, 44px) !important;
  font-weight: 680;
  letter-spacing: -.032em;
  line-height: 1.13 !important;
  text-wrap: balance;
}

.home-page .feature-section-divider {
  display: block;
  width: max-content;
  margin: 18px auto 16px;
  color: #31ad5b;
  font-size: 10px;
  line-height: 1;
  filter: drop-shadow(0 0 8px rgba(49, 173, 91, .34));
}

.home-page .feature-section-head > p {
  max-width: 750px;
  margin: 0 auto;
  color: #647168;
  font-size: clamp(16px, 1.45vw, 18px);
  line-height: 1.62;
  text-wrap: balance;
}

.home-page .feature-rotator-stage {
  position: relative;
  width: min(100%, 920px);
  height: auto !important;
  min-height: var(--feature-panel-min-height);
  margin: 0 auto;
  overflow: visible;
  perspective: none;
  touch-action: pan-y pinch-zoom;
}

.home-page .feature-rotator .features-list {
  position: relative !important;
  inset: auto !important;
  top: auto !important;
  left: auto !important;
  width: 100%;
  height: auto !important;
  min-height: var(--feature-panel-min-height);
  transform: none !important;
  transform-style: flat !important;
  cursor: pointer;
  outline: none;
  will-change: auto !important;
}

.home-page .feature-rotator .features-list:focus-visible {
  outline: 3px solid rgba(49, 173, 91, .34);
  outline-offset: 5px;
  border-radius: 22px;
}

.home-page .feature-rotator .feature-face,
.home-page .feature-rotator .feature-face-1,
.home-page .feature-rotator .feature-face-2,
.home-page .feature-rotator .feature-face-3 {
  position: absolute;
  inset: 0;
  z-index: 1;
  width: 100%;
  height: auto !important;
  min-height: var(--feature-panel-min-height);
  display: grid;
  grid-template-columns: minmax(0, 51%) minmax(0, 49%);
  align-items: stretch;
  overflow: hidden;
  border: 1px solid #dce8df;
  border-radius: 20px;
  background: #fff;
  box-shadow: 0 24px 58px rgba(14, 68, 35, .14);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transform: none;
  backface-visibility: visible;
  -webkit-backface-visibility: visible;
  transition: none;
}

.home-page .feature-rotator .feature-face.is-active {
  position: relative;
  z-index: 2;
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}

.home-page .feature-rotator .feature-face.is-entering,
.home-page .feature-rotator .feature-face.is-leaving {
  visibility: visible !important;
}

.home-page .feature-rotator .feature-face.is-entering {
  position: relative;
  z-index: 3;
  pointer-events: auto;
}

.home-page .feature-rotator .feature-face.is-leaving {
  position: absolute;
  z-index: 2;
  pointer-events: none;
}

.home-page .feature-rotator .feature-face.fx-face-enter .fimg,
.home-page .feature-rotator .feature-face.fx-face-enter .fcopy {
  animation: none !important;
}

.home-page .feature-rotator .feature-face.is-entering-next {
  animation: feature120EnterNext .56s cubic-bezier(.16, 1, .3, 1) both;
}

.home-page .feature-rotator .feature-face.is-leaving-next {
  animation: feature120LeaveNext .46s cubic-bezier(.4, 0, .2, 1) both;
}

.home-page .feature-rotator .feature-face.is-entering-prev {
  animation: feature120EnterPrev .56s cubic-bezier(.16, 1, .3, 1) both;
}

.home-page .feature-rotator .feature-face.is-leaving-prev {
  animation: feature120LeavePrev .46s cubic-bezier(.4, 0, .2, 1) both;
}

@keyframes feature120EnterNext {
  from { opacity: 0; transform: perspective(1500px) translateX(34px) rotateY(-5deg) scale(.985); }
  to { opacity: 1; transform: none; }
}

@keyframes feature120LeaveNext {
  from { opacity: 1; transform: none; }
  to { opacity: 0; transform: perspective(1500px) translateX(-22px) rotateY(4deg) scale(.99); }
}

@keyframes feature120EnterPrev {
  from { opacity: 0; transform: perspective(1500px) translateX(-34px) rotateY(5deg) scale(.985); }
  to { opacity: 1; transform: none; }
}

@keyframes feature120LeavePrev {
  from { opacity: 1; transform: none; }
  to { opacity: 0; transform: perspective(1500px) translateX(22px) rotateY(-4deg) scale(.99); }
}

.home-page .feature-rotator .feature-face .fimg {
  grid-column: 1;
  grid-row: 1;
  min-height: var(--feature-panel-min-height);
  overflow: hidden;
  background: #eaf4ed;
}

.home-page .feature-rotator .feature-face .fimg img {
  display: block;
  width: 100%;
  height: 100% !important;
  min-height: var(--feature-panel-min-height);
  object-fit: cover;
  object-position: center;
}

.home-page .feature-rotator .feature-face .fcopy,
.home-page .feature-rotator .feature-face.rev .fcopy {
  position: relative;
  grid-column: 2;
  grid-row: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 38px 40px;
  background: #fff;
}

.home-page .feature-rotator .feature-face .fcopy::before,
.home-page .feature-rotator .feature-face.rev .fcopy::before {
  display: none;
}

.home-page .feature-rotator .feature-face h2 {
  max-width: 420px;
  margin: 0 0 14px;
  color: #17251c;
  font-family: var(--disp);
  font-size: clamp(28px, 2.4vw, 34px) !important;
  font-weight: 680;
  letter-spacing: -.028em;
  line-height: 1.16 !important;
}

.home-page .feature-rotator .feature-face .fintro {
  max-width: 430px;
  margin: 0 0 19px;
  color: #657168;
  font-size: 15.5px !important;
  line-height: 1.58;
}

.home-page .feature-rotator .feature-face .flist {
  max-width: 430px;
  gap: 12px;
}

.home-page .feature-rotator .feature-face .flist .fi {
  gap: 12px;
}

.home-page .feature-rotator .feature-face .flist .fi b {
  font-size: 15px !important;
  line-height: 1.35;
}

.home-page .feature-rotator .feature-face .flist .fi p {
  font-size: 13.5px !important;
  line-height: 1.45;
}

.home-page .feature-rotator .feature-face .fic {
  width: 36px;
  height: 36px;
  flex: 0 0 36px;
}

.home-page .feature-rotator .feature-face .chip {
  max-width: min(390px, calc(100% - 48px));
}

.home-page .feature-swipe-surface {
  position: absolute;
  inset: 0;
  z-index: 6;
  display: none;
  touch-action: pan-y pinch-zoom;
}

.home-page .feature-rotator-controls {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 14px;
  width: min(100%, 920px);
  margin: 28px auto 0;
}

.home-page .feature-arrow {
  width: 46px;
  height: 46px;
  display: grid;
  place-items: center;
  padding: 0;
  border: 1px solid #cfe1d5;
  border-radius: 50%;
  background: rgba(255, 255, 255, .96);
  color: #218e49;
  font-size: 19px;
  cursor: pointer;
  box-shadow: 0 7px 18px rgba(17, 74, 38, .08);
  transition: background-color .2s ease, color .2s ease, border-color .2s ease, transform .2s ease, box-shadow .2s ease;
}

.home-page .feature-arrow:hover {
  border-color: #31ad5b;
  background: #31ad5b;
  color: #fff;
  transform: translateY(-2px);
  box-shadow: 0 11px 24px rgba(27, 127, 62, .22);
}

.home-page .feature-arrow:active {
  transform: translateY(0) scale(.96);
}

.home-page .feature-arrow:focus-visible,
.home-page .feature-dot:focus-visible {
  outline: 3px solid rgba(49, 173, 91, .32);
  outline-offset: 3px;
}

.home-page .feature-dots {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 3px;
}

.home-page .feature-dot,
.home-page .feature-dot[aria-current="true"] {
  position: relative;
  width: 44px;
  height: 44px;
  display: grid;
  place-items: center;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: transparent;
  box-shadow: none;
  transform: none;
  cursor: pointer;
}

.home-page .feature-dot::before {
  display: none;
}

.home-page .feature-dot .ti {
  display: none !important;
}

.home-page .feature-dot::after {
  content: "";
  display: block;
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: #b8cbbf;
  transition: width .2s ease, background-color .2s ease, transform .2s ease;
}

.home-page .feature-dot:hover::after,
.home-page .feature-dot:focus-visible::after {
  background: #72a985;
}

.home-page .feature-dot.active::after,
.home-page .feature-dot[aria-current="true"]::after {
  width: 18px;
  border-radius: 999px;
  background: #31ad5b;
}

.home-page .feature-rotator-hint {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  margin: 10px auto 0;
  color: #68756c;
  font-size: 13px;
  line-height: 1.5;
}

.home-page .feature-rotator-hint::before {
  content: "";
  width: 8px;
  height: 8px;
  flex: none;
  border-radius: 50%;
  background: #31ad5b;
  box-shadow: 0 0 0 0 rgba(49, 173, 91, .38);
  animation: feature120Live 1.8s ease-out infinite;
}

.home-page .feature-rotator-hint.paused::before {
  background: #d39a2e;
  animation: none;
}

@keyframes feature120Live {
  0% { box-shadow: 0 0 0 0 rgba(49, 173, 91, .38); }
  70% { box-shadow: 0 0 0 8px rgba(49, 173, 91, 0); }
  100% { box-shadow: 0 0 0 0 rgba(49, 173, 91, 0); }
}

@media (max-width: 900px) {
  .home-page .region-transition + .feature-rotator,
  .home-page .feature-rotator {
    --feature-panel-min-height: 420px;
    padding: 58px 22px 50px !important;
  }

  .home-page .feature-section-head {
    margin-bottom: 40px;
  }

  .home-page .feature-section-head > h2 {
    font-size: 34px !important;
  }

  .home-page .feature-rotator-stage {
    width: min(100%, 720px);
  }

  .home-page .feature-rotator .feature-face {
    grid-template-columns: minmax(0, 50%) minmax(0, 50%);
  }

  .home-page .feature-rotator .feature-face .fcopy,
  .home-page .feature-rotator .feature-face.rev .fcopy {
    padding: 31px 28px;
  }

  .home-page .feature-rotator .feature-face h2 {
    font-size: 27px !important;
  }

  .home-page .feature-swipe-surface {
    display: block;
  }
}

@media (max-width: 640px) {
  .home-page .region-transition + .feature-rotator,
  .home-page .feature-rotator {
    --feature-panel-min-height: 0px;
    padding: 52px 16px 44px !important;
  }

  .home-page .feature-rotator::before {
    inset: 12% -60% auto;
    width: 220%;
    height: 520px;
    opacity: .26;
  }

  .home-page .feature-section-head {
    margin-bottom: 34px;
  }

  .home-page .feature-section-eyebrow {
    gap: 8px;
    font-size: 10px;
    letter-spacing: .13em;
  }

  .home-page .feature-section-eyebrow::before,
  .home-page .feature-section-eyebrow::after {
    width: 18px;
    flex-basis: 18px;
  }

  .home-page .feature-section-head > h2 {
    font-size: 30px !important;
    line-height: 1.15 !important;
  }

  .home-page .feature-section-head > p {
    font-size: 15px;
    line-height: 1.58;
  }

  .home-page .feature-rotator-stage,
  .home-page .feature-rotator .features-list {
    min-height: 0;
  }

  .home-page .feature-rotator .feature-face,
  .home-page .feature-rotator .feature-face-1,
  .home-page .feature-rotator .feature-face-2,
  .home-page .feature-rotator .feature-face-3 {
    min-height: 0;
    grid-template-columns: 1fr;
    grid-template-rows: 218px auto;
    border-radius: 18px;
  }

  .home-page .feature-rotator .feature-face .fimg {
    grid-column: 1;
    grid-row: 1;
    min-height: 218px;
    height: 218px;
  }

  .home-page .feature-rotator .feature-face .fimg img {
    height: 218px !important;
    min-height: 218px;
  }

  .home-page .feature-rotator .feature-face .fcopy,
  .home-page .feature-rotator .feature-face.rev .fcopy {
    grid-column: 1;
    grid-row: 2;
    justify-content: flex-start;
    padding: 25px 22px 27px;
  }

  .home-page .feature-rotator .feature-face h2 {
    margin-bottom: 12px;
    font-size: 27px !important;
  }

  .home-page .feature-rotator .feature-face .fintro {
    margin-bottom: 16px;
    font-size: 14.5px !important;
  }

  .home-page .feature-rotator .feature-face .flist {
    gap: 10px;
  }

  .home-page .feature-rotator .feature-face .flist .fi b {
    font-size: 14px !important;
  }

  .home-page .feature-rotator .feature-face .flist .fi p {
    font-size: 13px !important;
  }

  .home-page .feature-rotator .feature-face .chip {
    left: 14px !important;
    right: 14px !important;
    width: auto;
    max-width: none;
  }

  .home-page .feature-rotator .feature-face.is-entering-next {
    animation-name: feature120MobileEnterNext;
  }

  .home-page .feature-rotator .feature-face.is-leaving-next {
    animation-name: feature120MobileLeaveNext;
  }

  .home-page .feature-rotator .feature-face.is-entering-prev {
    animation-name: feature120MobileEnterPrev;
  }

  .home-page .feature-rotator .feature-face.is-leaving-prev {
    animation-name: feature120MobileLeavePrev;
  }

  .home-page .feature-rotator-controls {
    gap: 7px;
    margin-top: 22px;
  }

  .home-page .feature-rotator-hint {
    max-width: 300px;
    min-height: 40px;
    margin-top: 5px;
    padding: 7px 12px;
    text-align: center;
    font-size: 12px;
  }
}

@keyframes feature120MobileEnterNext {
  from { opacity: 0; transform: translateX(26px) scale(.992); }
  to { opacity: 1; transform: none; }
}

@keyframes feature120MobileLeaveNext {
  from { opacity: 1; transform: none; }
  to { opacity: 0; transform: translateX(-18px) scale(.996); }
}

@keyframes feature120MobileEnterPrev {
  from { opacity: 0; transform: translateX(-26px) scale(.992); }
  to { opacity: 1; transform: none; }
}

@keyframes feature120MobileLeavePrev {
  from { opacity: 1; transform: none; }
  to { opacity: 0; transform: translateX(18px) scale(.996); }
}

@media (prefers-reduced-motion: reduce) {
  .home-page .feature-rotator-hint::before {
    animation: none;
  }
}


/* source: styles/hero-v121.css */
/* V121 — compact Dolphlink-style Hero rhythm.
   The previous desktop canvas was 660–720px tall even though the Talktide
   copy block only needed about half that space. Keep the full-bleed video,
   but centre the editorial group and end the Hero shortly after the CTAs. */

@media (min-width: 901px) {
  .home-page {
    --hero-v121-height: clamp(540px, 37vw, 620px);
  }

  .home-page .hero-stage .hero {
    height: var(--hero-v121-height) !important;
    min-height: var(--hero-v121-height) !important;
  }

  .home-page .hero-stage::after {
    height: var(--hero-v121-height) !important;
  }

  .home-page .hero-stage .hero .hcopy {
    height: var(--hero-v121-height);
    padding-top: clamp(44px, 4vw, 62px);
    padding-bottom: clamp(44px, 4vw, 62px);
    justify-content: center;
  }

  .home-page .hero-stage .hero .hcopy .eyebrow {
    margin-top: 0;
  }

  .home-page .hero-stage .hero .hcopy .cta-row {
    margin-bottom: 0;
  }
}

@media (min-width: 901px) and (max-width: 1180px) {
  .home-page .hero-stage .hero .hcopy {
    padding-top: 42px;
    padding-bottom: 42px;
  }
}

@media (min-width: 1800px) {
  .home-page {
    --hero-v121-height: clamp(590px, 32vw, 640px);
  }
}

@media (max-width: 900px) {
  .home-page .hero-stage .hero {
    min-height: 0 !important;
  }

  .home-page .hero-stage .hero .hcopy {
    height: auto !important;
    min-height: 0 !important;
    padding-top: clamp(36px, 8vw, 54px);
    padding-bottom: clamp(34px, 7vw, 48px);
    justify-content: flex-start;
  }
}

@media (max-width: 640px) {
  .home-page .hero-stage .hero .hcopy {
    padding-top: 34px;
    padding-bottom: 34px;
  }

  .home-page .hero-stage .hero .himg {
    min-height: clamp(250px, 72vw, 310px) !important;
  }
}


/* source: styles/proof-colors-v122.css */
/* V122 — proof surfaces use the Talktide corporate green consistently.
   Legacy glass-stage rules left dark-green text and black text shadows behind
   even after the surfaces were moved onto white. */

.home-page .hero-stage .hero-times .clocks {
  background: var(--g) !important;
}

.home-page .hero-stage .hero-times .clocks .ck span,
.home-page .hero-stage .hero-times .clocks .ck b {
  color: #fff !important;
  text-shadow: none !important;
}

.home-page .hero-stage .stats .stat .si {
  color: var(--g) !important;
  border-color: rgba(58, 177, 93, .24) !important;
  box-shadow: none !important;
}

.home-page .hero-stage .stats .stat b {
  color: var(--g) !important;
  text-shadow: none !important;
}

.home-page .hero-stage .stats .stat span {
  color: #5f6d64 !important;
  text-shadow: none !important;
}

.home-page .hero-stage .trust .tt {
  color: var(--g) !important;
  font-weight: 650;
  text-shadow: none !important;
}

.home-page .hero-stage .stats .stat b.fx-count-complete,
.home-page .hero-stage .stats .stat b.fx-count-complete:hover,
.home-page .hero-stage .trust .tt.fx-title-shine {
  color: var(--g) !important;
  text-shadow: none !important;
}


/* source: styles/industry-hub-v124.css */
/* V124 — seven industry solutions merged into one 2–2–2–1 card hub. */
.home-page .solution-hub-v124{position:relative;padding:clamp(72px,6vw,104px) 32px;overflow:hidden;background:#f7fbf8 url("../media/myid/region-wave-green-v98.webp") center bottom/100% auto no-repeat}
.home-page .solution-hub-v124 .solution-hub-anchor{position:absolute;top:0}
.home-page .solution-hub-v124 .wrap{width:min(100%,1240px);margin:0 auto}
.home-page .solution-hub-head{width:min(100%,860px);margin:0 auto clamp(40px,4vw,58px);text-align:center}
.home-page .solution-hub-eyebrow{display:inline-flex;align-items:center;gap:9px;margin-bottom:14px;color:var(--g);font-family:var(--disp);font-size:12px;font-weight:760;letter-spacing:.16em;text-transform:uppercase}
.home-page .solution-hub-head h2{margin:0;color:var(--ink);font-family:var(--disp);font-size:clamp(36px,3.3vw,50px)!important;line-height:1.1!important;font-weight:680;letter-spacing:-.035em;text-wrap:balance}
.home-page .solution-hub-head p{max-width:760px;margin:20px auto 0;color:#5f6d64;font-size:17px;line-height:1.7;text-wrap:pretty}
.home-page .solution-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.home-page .solution-hub-card{position:relative;display:grid;grid-template-columns:minmax(180px,42%) minmax(0,58%);min-width:0;min-height:230px;padding:0;overflow:hidden;border:1px solid rgba(58,177,93,.18);border-radius:20px;color:var(--ink);background:rgba(255,255,255,.96);box-shadow:0 18px 44px rgba(25,95,52,.09);text-align:left;cursor:pointer;transition:transform .24s ease,border-color .24s ease,box-shadow .24s ease}
.home-page .solution-hub-card:last-child{grid-column:1/-1;grid-template-columns:minmax(260px,34%) minmax(0,66%)}
.home-page .solution-hub-card:hover{transform:translateY(-4px);border-color:rgba(58,177,93,.48);box-shadow:0 24px 54px rgba(25,95,52,.14)}
.home-page .solution-hub-card:focus-visible{outline:3px solid rgba(58,177,93,.38);outline-offset:4px}
.home-page .solution-card-media{position:relative;min-width:0;min-height:230px;overflow:hidden;background:#eaf5ed}
.home-page .solution-card-media::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 62%,rgba(255,255,255,.82));pointer-events:none}
.home-page .solution-card-media img{display:block;width:100%;height:100%;min-height:230px;object-fit:cover;transition:transform .55s cubic-bezier(.2,.7,.2,1)}
.home-page .solution-hub-card:hover .solution-card-media img{transform:scale(1.035)}
.home-page .solution-card-copy{display:flex;flex-direction:column;justify-content:center;min-width:0;padding:30px 30px 28px}
.home-page .solution-card-label{display:inline-flex;align-items:center;gap:8px;margin-bottom:10px;color:var(--g);font-family:var(--disp);font-size:11px;font-weight:780;letter-spacing:.11em;text-transform:uppercase}
.home-page .solution-card-label .ti{font-size:18px}
.home-page .solution-card-copy h3{max-width:440px;margin:0 0 12px;color:var(--ink);font-family:var(--disp);font-size:clamp(23px,2vw,29px);line-height:1.14;letter-spacing:-.025em;text-wrap:balance}
.home-page .solution-card-copy p{max-width:520px;margin:0;color:#637069;font-size:14.5px;line-height:1.58}
.home-page .solution-card-action{display:inline-flex;align-items:center;gap:8px;margin-top:18px;color:var(--g);font-size:14px;font-weight:700}
.home-page .solution-card-action .ti{transition:transform .2s ease}
.home-page .solution-hub-card:hover .solution-card-action .ti{transform:translateX(4px)}
.home-page .legacy-industries,.home-page .legacy-solution-explorer{display:none!important}
.solution-detail-modal .about-dialog{width:min(94vw,1240px)}
.solution-detail-modal .about-frame{background:#f7fbf8}
@media(max-width:900px){
  .home-page .solution-hub-v124{padding:62px 22px}
  .home-page .solution-card-grid{gap:18px}
  .home-page .solution-hub-card,.home-page .solution-hub-card:last-child{grid-template-columns:minmax(150px,39%) minmax(0,61%)}
  .home-page .solution-card-copy{padding:24px 22px}
}
@media(max-width:640px){
  .home-page .solution-hub-v124{padding:52px 16px}
  .home-page .solution-hub-head{margin-bottom:34px}
  .home-page .solution-hub-head h2{font-size:32px!important}
  .home-page .solution-hub-head p{font-size:15.5px}
  .home-page .solution-card-grid{grid-template-columns:1fr}
  .home-page .solution-hub-card,.home-page .solution-hub-card:last-child{grid-column:auto;grid-template-columns:1fr;grid-template-rows:190px auto}
  .home-page .solution-card-media,.home-page .solution-card-media img{min-height:190px}
  .home-page .solution-card-media::after{background:linear-gradient(180deg,transparent 62%,rgba(255,255,255,.82))}
  .home-page .solution-card-copy{padding:24px 22px 26px}
}


/* source: styles/header-v126.css */
/* V126 — 40% shorter desktop header with a refined glass active state. */
.home-page header.site{
  --header-height:52px;
  grid-template-columns:minmax(230px,27vw) minmax(0,1fr) auto;
  height:var(--header-height)!important;
  min-height:var(--header-height)!important;
  padding:0 clamp(18px,2vw,38px)!important;
  box-shadow:0 4px 14px rgba(11,77,43,.07);
}
.home-page header.site::before{
  left:min(27vw,520px);
  clip-path:polygon(0 0,100% 0,100% 100%,34px 100%);
}
.home-page header.site .brand{
  min-height:var(--header-height)!important;
  padding-right:38px;
}
.home-page header.site .brand img{
  width:clamp(132px,11vw,168px)!important;
  max-height:38px!important;
}
.home-page header.site nav{
  height:var(--header-height)!important;
  gap:clamp(6px,1vw,16px)!important;
  padding-left:clamp(15px,2.1vw,38px)!important;
}
.home-page header.site nav a{
  min-height:32px!important;
  height:32px!important;
  padding:6px 11px!important;
  border:1px solid transparent;
  border-radius:999px;
  font-size:clamp(11.5px,.86vw,12.5px)!important;
  font-weight:680;
  text-shadow:none;
  transition:color .22s ease,background-color .22s ease,border-color .22s ease,box-shadow .22s ease,transform .22s ease;
}
.home-page header.site nav a:first-child::before{display:none}
.home-page header.site nav a::after{
  right:12px;
  bottom:2px;
  left:12px;
  height:1px;
  opacity:0;
  transform:scaleX(.2);
  transition:opacity .22s ease,transform .22s ease;
}
.home-page header.site nav a:hover,
.home-page header.site nav a:focus-visible{
  border-color:rgba(255,255,255,.32);
  background:rgba(255,255,255,.1);
  transform:translateY(-1px);
}
.home-page header.site nav a.is-active{
  border-color:rgba(255,255,255,.64);
  background:rgba(255,255,255,.19);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.34),0 5px 16px rgba(7,78,38,.17),0 0 0 1px rgba(255,255,255,.08);
  transform:translateY(-1px);
}
.home-page header.site nav a.is-active::after{
  opacity:.96;
  transform:scaleX(1);
}
.home-page header.site .h-actions{
  gap:8px!important;
  margin-left:14px;
}
.home-page header.site .lang-btn{
  height:34px!important;
  min-height:34px!important;
  padding:6px 8px!important;
  border-radius:9px;
  font-size:12px;
}
.home-page header.site .h-actions>.btn{
  height:36px!important;
  min-height:36px!important;
  padding:8px 16px!important;
  border-radius:9px!important;
  box-shadow:0 5px 14px rgba(7,79,39,.13);
  font-size:12.5px!important;
}
.home-page header.site .lang-menu{top:calc(100% + 7px)}
@media(max-width:1180px) and (min-width:901px){
  .home-page header.site{
    grid-template-columns:minmax(210px,25vw) minmax(0,1fr) auto;
    padding-inline:18px!important;
  }
  .home-page header.site::before{left:25vw}
  .home-page header.site .brand{padding-right:30px}
  .home-page header.site .brand img{width:140px!important}
  .home-page header.site nav{gap:4px!important;padding-left:14px!important}
  .home-page header.site nav a{padding-inline:8px!important;font-size:11.5px!important}
  .home-page header.site .h-actions{margin-left:8px}
  .home-page header.site .h-actions>.btn{padding-inline:12px!important}
}
@media(max-width:900px){
  .home-page header.site{
    --header-height:52px;
    height:var(--header-height)!important;
    min-height:var(--header-height)!important;
    padding:0 8px 0 12px!important;
  }
  .home-page header.site::before{
    left:128px;
    clip-path:polygon(0 0,100% 0,100% 100%,22px 100%);
  }
  .home-page header.site .brand{
    width:144px!important;
    min-height:var(--header-height)!important;
    flex-basis:144px!important;
    padding-right:26px;
  }
  .home-page header.site .brand img{width:108px!important;max-height:34px!important}
  .home-page header.site .h-actions{right:48px!important;gap:4px!important;margin:0!important}
  .home-page header.site .lang-btn{min-width:38px;height:34px!important;min-height:34px!important;padding:5px 6px!important}
  .home-page header.site .h-actions>.btn{height:34px!important;min-height:34px!important;padding:7px 9px!important;font-size:10.5px!important}
  .home-page header.site .nav-toggle{right:8px!important;width:36px;height:36px;border-radius:8px}
  .home-page header.site nav{height:auto!important;padding:10px 14px 14px!important}
  .home-page header.site nav a{height:auto!important;min-height:40px!important;padding:9px 12px!important;font-size:13px!important}
  .home-page header.site nav a.is-active{transform:none}
}
@media(max-width:520px){
  .home-page header.site::before{left:116px}
  .home-page header.site .brand{width:130px!important;flex-basis:130px!important;padding-right:20px}
  .home-page header.site .brand img{width:100px!important}
  .home-page header.site .h-actions>.btn{display:none!important}
}
@media(prefers-reduced-motion:reduce){
  .home-page header.site nav a{transition:none}
}


/* source: styles/hero-v127.css */
/* Talktide hero v127 — full-bleed video composition aligned to Dolphlink. */
.home-page .hero-stage{position:relative;overflow:clip;background:#f7faf8}
.home-page .hero-stage::after{display:none!important}
.home-page .hero-stage .hero{position:relative;display:block;width:100%;height:clamp(620px,44vw,720px)!important;min-height:clamp(620px,44vw,720px)!important;overflow:hidden;isolation:isolate;background:#dce9e3}
.home-page .hero .himg{position:absolute;inset:0;z-index:0;width:100%;height:100%;overflow:hidden;background:#dce9e3}
.home-page .hero .himg::before,.home-page .hero .himg::after{display:none!important}
.home-page .hero .himg video,.home-page .hero .himg>img{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover;object-position:50% 50%;opacity:1;transform:scale(1.002);transition:opacity .45s ease}
.home-page .hero.video-pending .himg video{opacity:0}
.home-page .hero.video-ready .himg video{opacity:1}
.home-page .hero .vstrip{display:none!important}
.home-page .hero-stage .hero .hcopy{position:relative;z-index:2;display:flex;flex-direction:column;justify-content:center;width:min(50%,720px)!important;height:100%!important;min-height:100%!important;margin:0;padding:clamp(54px,5vw,88px) clamp(28px,4.4vw,84px);color:#17231d;background:transparent;border:0;border-radius:0;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}
.home-page .hero .eyebrow{display:inline-flex;align-items:center;gap:12px;width:fit-content;margin:0 0 22px;color:#198947;font-size:clamp(13px,.88vw,16px);font-weight:800;line-height:1.3;letter-spacing:.105em;text-transform:uppercase}
.home-page .hero-stage .hero .eyebrow::before{
  content:""!important;
  display:block;
  width:10px;
  height:10px;
  flex:0 0 10px;
  color:#36b866!important;
  background:#36b866!important;
  border:2px solid rgba(54,184,102,.22);
  border-radius:50%;
  box-shadow:0 0 0 4px rgba(54,184,102,.12);
  opacity:1!important;
  transform:none;
}
.home-page .hero h1{max-width:680px;margin:0;color:#111916;font-size:clamp(48px,4vw,66px);font-weight:700;line-height:1.06;letter-spacing:-.045em;text-wrap:balance;text-shadow:none}
.home-page .hero .lead{max-width:650px;margin:24px 0 0;color:#405048;font-size:clamp(15.5px,1.08vw,18px);line-height:1.65;text-shadow:none}
.home-page .hero .hero-checks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 24px;max-width:650px;margin:25px 0 0;padding:0;list-style:none}
.home-page .hero .hero-check{display:flex;align-items:center;gap:10px;min-width:0;color:#25372e;font-size:14px;font-weight:650;line-height:1.35}
.home-page .hero .hero-check i{display:grid;place-items:center;width:30px;height:30px;flex:0 0 30px;color:#198947;font-size:17px;background:rgba(255,255,255,.78);border:1px solid rgba(25,137,71,.2);border-radius:50%}
.home-page .hero .cta-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;width:min(100%,610px);margin:28px 0 0}
.home-page .hero .cta-row .btn{justify-content:space-between;min-height:54px;padding:0 22px;border-radius:12px;font-size:15px;font-weight:700;box-shadow:none}
.home-page .hero .cta-row .btn-primary{color:#fff;background:#36b866;border-color:#36b866}
.home-page .hero .cta-row .btn-primary:hover{background:#2fa85c;border-color:#2fa85c}
.home-page .hero .cta-row .btn-ghost{color:#157d40;background:rgba(255,255,255,.84);border-color:rgba(25,137,71,.34);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.home-page .hero .cta-row .btn-ghost:hover{background:#fff;border-color:#198947}
@media (min-width:1921px){
  .home-page .hero-stage .hero{height:720px!important;min-height:720px!important}
  .home-page .hero-stage .hero .hcopy{width:720px!important;height:720px!important;min-height:720px!important;margin-left:max(0px,calc((100vw - 1920px)/2));padding-left:84px;padding-right:54px}
}
@media (max-width:1280px){
  .home-page .hero-stage .hero{height:clamp(600px,52vw,680px)!important;min-height:clamp(600px,52vw,680px)!important}
  .home-page .hero-stage .hero .hcopy{width:56%!important;height:100%!important;min-height:100%!important;padding-inline:clamp(28px,4vw,54px)}
  .home-page .hero h1{font-size:clamp(44px,4.6vw,60px)}
}
@media (max-width:1024px){
  .home-page .hero-stage .hero{height:760px!important;min-height:760px!important}
  .home-page .hero .himg video{object-position:62% 50%}
  .home-page .hero-stage .hero .hcopy{width:62%!important;height:100%!important;min-height:100%!important;padding:48px 34px}
  .home-page .hero .hero-checks{grid-template-columns:1fr;gap:9px}
  .home-page .hero .hero-check i{width:27px;height:27px;flex-basis:27px;font-size:15px}
}
@media (max-width:720px){
  .home-page .hero-stage .hero{display:flex;height:clamp(650px,172vw,710px)!important;min-height:clamp(650px,172vw,710px)!important;align-items:flex-end;padding:14px}
  .home-page .hero .himg video{object-position:68% 50%;transform:scale(1.004)}
  .home-page .hero-stage .hero .hcopy{display:block;width:100%!important;height:auto!important;min-height:0!important;margin:0;padding:23px 20px 20px;color:#fff;background:rgba(7,42,30,.76);border:1px solid rgba(255,255,255,.18);border-radius:20px;box-shadow:0 18px 50px rgba(5,36,25,.18);backdrop-filter:blur(16px) saturate(125%);-webkit-backdrop-filter:blur(16px) saturate(125%)}
  .home-page .hero-stage .hero .eyebrow{margin-bottom:13px;color:#8ff0b3!important;font-size:11px;letter-spacing:.085em}
  .home-page .hero-stage .hero h1{max-width:520px;color:#fff!important;font-size:clamp(34px,10.1vw,44px);line-height:1.03;letter-spacing:-.04em;text-shadow:none!important}
  .home-page .hero-stage .hero .lead{margin-top:14px;color:rgba(255,255,255,.86)!important;font-size:13px;line-height:1.55;text-shadow:none!important}
  .home-page .hero .hero-checks{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 12px;margin-top:16px}
  .home-page .hero .hero-check{gap:7px;color:rgba(255,255,255,.94);font-size:11.5px}
  .home-page .hero .hero-check i{width:24px;height:24px;flex-basis:24px;color:#88edac;font-size:14px;background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.2)}
  .home-page .hero .cta-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:18px}
  .home-page .hero .cta-row .btn{min-height:45px;padding-inline:13px;border-radius:10px;font-size:12.5px}
  .home-page .hero .cta-row .btn-ghost{color:#fff;background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.38)}
}
@media (max-width:440px){
  .home-page .hero-stage .hero{height:670px!important;min-height:670px!important;padding:10px}
  .home-page .hero .hcopy{padding:20px 17px 17px;border-radius:17px}
  .home-page .hero .lead{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3}
}
@media (max-width:380px){
  .home-page .hero .hero-checks{grid-template-columns:1fr}
  .home-page .hero .cta-row{grid-template-columns:1fr}
}
@media (prefers-reduced-motion:reduce){.home-page .hero .himg video{transition:none}}


/* source: styles/effects-v130.css */
/* Talktide interaction completion v130
   Adds the missing Dolphlink-style gold fold detail to compliance cards.
   Green remains the primary brand signal; gold is reserved for the opened state. */

.home-page .compliance-showcase {
  --compliance-green: #31ad5b;
  --compliance-green-deep: #31ad5b;
  --compliance-gold: #c8a34e;
  --compliance-gold-light: #ead69d;
  --compliance-gold-soft: #faf5e8;
}

.home-page .compliance-showcase .cmpl {
  cursor: pointer;
  outline: none;
  transform-style: preserve-3d;
}

.home-page .compliance-showcase .cmpl::before {
  content: "";
  position: absolute;
  top: -3px;
  left: 0;
  right: 0;
  z-index: 2;
  height: 3px;
  background: var(--compliance-gold);
  transform: scaleX(0);
  transform-origin: var(--fold-origin, 50%) center;
  transition: transform .42s cubic-bezier(.16, 1, .3, 1);
}

.home-page .compliance-showcase .cmpl::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  z-index: 3;
  width: 38px;
  height: 38px;
  background: var(--compliance-gold-light);
  clip-path: polygon(100% 0, 0 0, 100% 100%);
  opacity: 0;
  transform: scale(0);
  transform-origin: top right;
  transition: transform .38s cubic-bezier(.16, 1, .3, 1), opacity .22s ease;
}

.home-page .compliance-showcase .cmpl:hover,
.home-page .compliance-showcase .cmpl:focus-visible {
  border-color: rgba(49, 173, 91, .42);
  border-top-color: var(--compliance-green);
}

.home-page .compliance-showcase .cmpl:focus-visible {
  box-shadow: 0 0 0 3px rgba(49, 173, 91, .18);
}

.home-page .compliance-showcase .cmpl.is-selected {
  border-color: rgba(200, 163, 78, .72);
  border-top-color: var(--compliance-gold);
  background: #fffefb;
  box-shadow: 0 18px 42px rgba(86, 67, 22, .13);
  transform: translateY(-5px);
}

.home-page .compliance-showcase .cmpl.is-selected::before {
  transform: scaleX(1);
}

.home-page .compliance-showcase .cmpl.is-selected::after {
  opacity: 1;
  transform: scale(1);
}

.home-page .compliance-showcase .cmpl.is-selected .ic {
  color: #8a6a1f;
  background: var(--compliance-gold-soft);
  border-color: rgba(200, 163, 78, .36);
}

.home-page .compliance-showcase .cmpl-action {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  width: fit-content;
  margin-top: 15px;
  color: var(--compliance-green-deep);
  font-size: 12px;
  font-weight: 800;
  line-height: 1;
  letter-spacing: .02em;
}

.home-page .compliance-showcase .cmpl-action i {
  font-size: 15px;
  transition: transform .22s ease;
}

.home-page .compliance-showcase .cmpl:hover .cmpl-action i,
.home-page .compliance-showcase .cmpl:focus-visible .cmpl-action i,
.home-page .compliance-showcase .cmpl.is-selected .cmpl-action i {
  transform: translateX(4px);
}

.home-page .compliance-showcase .cmpl.is-selected .cmpl-action {
  color: #8a6a1f;
}

.home-page .compliance-showcase .cmpl-tags {
  margin-top: 14px;
  padding-top: 0;
}

.home-page .compliance-fold {
  grid-column: 1 / -1;
  width: 100%;
  max-height: 0;
  margin: 0;
  overflow: hidden;
  visibility: hidden;
  opacity: 0;
  perspective: 1400px;
  pointer-events: none;
  transition:
    max-height .68s cubic-bezier(.16, 1, .3, 1),
    margin .48s ease,
    opacity .28s ease,
    visibility 0s linear .68s;
}

.home-page .compliance-fold.is-open {
  max-height: 780px;
  margin-top: 8px;
  visibility: visible;
  opacity: 1;
  pointer-events: auto;
  transition:
    max-height .78s cubic-bezier(.16, 1, .3, 1),
    margin .48s ease,
    opacity .3s ease .08s,
    visibility 0s linear 0s;
}

.home-page .compliance-fold-sheet {
  position: relative;
  min-height: 330px;
  padding: 38px 42px 36px;
  overflow: hidden;
  border: 1px solid rgba(200, 163, 78, .64);
  border-top: 4px solid var(--compliance-gold);
  border-radius: 18px;
  background: rgba(255, 255, 252, .97);
  box-shadow: 0 28px 70px rgba(74, 57, 18, .12);
  transform: perspective(1400px) rotateX(-14deg) scaleY(.88) translateY(-18px);
  transform-origin: var(--fold-origin, 50%) top;
  opacity: 0;
  transition:
    transform .72s cubic-bezier(.16, 1, .3, 1),
    opacity .38s ease;
}

.home-page .compliance-fold.is-open .compliance-fold-sheet {
  transform: perspective(1400px) rotateX(0) scaleY(1) translateY(0);
  opacity: 1;
}

.home-page .compliance-fold-sheet::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: min(260px, 36%);
  height: 4px;
  background: var(--compliance-green);
}

.home-page .compliance-fold-sheet::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 74px;
  height: 74px;
  background: var(--compliance-gold-light);
  clip-path: polygon(100% 0, 0 0, 100% 100%);
  opacity: .72;
}

.home-page .compliance-fold-close {
  position: absolute;
  top: 16px;
  right: 17px;
  z-index: 4;
  display: grid;
  place-items: center;
  width: 38px;
  height: 38px;
  padding: 0;
  border: 1px solid rgba(200, 163, 78, .4);
  border-radius: 50%;
  background: rgba(255, 255, 255, .92);
  color: #72571b;
  cursor: pointer;
  transition: color .2s ease, background-color .2s ease, transform .2s ease;
}

.home-page .compliance-fold-close:hover,
.home-page .compliance-fold-close:focus-visible {
  color: #fff;
  background: var(--compliance-green);
  border-color: var(--compliance-green);
  outline: none;
  transform: rotate(5deg);
}

.home-page .compliance-fold-head {
  display: grid;
  grid-template-columns: 58px minmax(0, 1fr);
  gap: 20px;
  align-items: center;
  padding-right: 48px;
}

.home-page .compliance-fold-icon {
  display: grid;
  place-items: center;
  width: 58px;
  height: 58px;
  color: var(--compliance-green-deep);
  font-size: 28px;
  border: 1px solid rgba(49, 173, 91, .22);
  border-radius: 14px;
  background: #ebf8ef;
}

.home-page .compliance-fold-kicker {
  display: block;
  margin-bottom: 6px;
  color: #8a6a1f;
  font-size: 12px;
  font-weight: 850;
  letter-spacing: .14em;
  text-transform: uppercase;
}

.home-page .compliance-fold-title {
  margin: 0;
  color: #17251c;
  font-family: var(--disp);
  font-size: clamp(27px, 3vw, 38px);
  font-weight: 700;
  line-height: 1.08;
  letter-spacing: -.03em;
}

.home-page .compliance-fold-summary {
  max-width: 820px;
  margin: 23px 0 0;
  color: #56665c;
  font-size: 16px;
  line-height: 1.7;
}

.home-page .compliance-fold-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.2fr) minmax(260px, .8fr);
  gap: 24px;
  margin-top: 26px;
}

.home-page .compliance-fold-block {
  padding: 20px 22px;
  border: 1px solid rgba(49, 173, 91, .15);
  border-radius: 13px;
  background: #f8fcf9;
}

.home-page .compliance-fold-block:last-child {
  border-color: rgba(200, 163, 78, .3);
  background: var(--compliance-gold-soft);
}

.home-page .compliance-fold-block h4 {
  margin: 0 0 12px;
  color: var(--compliance-green-deep);
  font-size: 13px;
  font-weight: 850;
  letter-spacing: .09em;
  text-transform: uppercase;
}

.home-page .compliance-fold-block:last-child h4 {
  color: #80611d;
}

.home-page .compliance-fold-list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 9px 18px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.home-page .compliance-fold-list li {
  position: relative;
  padding-left: 18px;
  color: #435148;
  font-size: 14px;
  line-height: 1.5;
}

.home-page .compliance-fold-list li::before {
  content: "";
  position: absolute;
  top: .55em;
  left: 0;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: var(--compliance-green);
}

.home-page .compliance-fold-outcome {
  margin: 0;
  color: #5f512e;
  font-size: 14px;
  line-height: 1.65;
}

.home-page .compliance-fold-note {
  display: flex;
  align-items: center;
  gap: 9px;
  margin: 18px 0 0;
  color: #73643f;
  font-size: 12px;
  line-height: 1.5;
}

.home-page .compliance-fold-note i {
  color: var(--compliance-gold);
  font-size: 17px;
}

@media (max-width: 760px) {
  .home-page .compliance-fold {
    grid-column: 1;
  }

  .home-page .compliance-fold-sheet {
    min-height: 0;
    padding: 30px 22px 25px;
    border-radius: 15px;
  }

  .home-page .compliance-fold-head {
    grid-template-columns: 46px minmax(0, 1fr);
    gap: 14px;
    padding-right: 38px;
  }

  .home-page .compliance-fold-icon {
    width: 46px;
    height: 46px;
    font-size: 23px;
    border-radius: 12px;
  }

  .home-page .compliance-fold-title {
    font-size: 26px;
  }

  .home-page .compliance-fold-summary {
    margin-top: 18px;
    font-size: 15px;
  }

  .home-page .compliance-fold-grid {
    grid-template-columns: 1fr;
    gap: 13px;
    margin-top: 20px;
  }

  .home-page .compliance-fold-list {
    grid-template-columns: 1fr;
  }

  .home-page .compliance-fold-close {
    top: 12px;
    right: 12px;
    width: 34px;
    height: 34px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .home-page .compliance-showcase .cmpl,
  .home-page .compliance-showcase .cmpl::before,
  .home-page .compliance-showcase .cmpl::after,
  .home-page .compliance-fold,
  .home-page .compliance-fold-sheet,
  .home-page .compliance-fold-close,
  .home-page .compliance-showcase .cmpl-action i {
    transition-duration: .01ms !important;
    transform: none !important;
  }
}


/* source: styles/contact-v131.css */
/* Talktide contact typography alignment v131
   Brings the direct-contact module onto the same editorial scale as the
   product and compliance sections without changing its content or actions. */

.home-page .contact-build {
  min-height: 0;
  padding: clamp(64px, 6.2vw, 88px) 32px calc(clamp(64px, 6.2vw, 88px) + 96px);
  background: #f3faf6;
}

.home-page .contact-build::before {
  left: 50%;
  width: min(calc(100% - 64px), 1180px);
  height: 1px;
  background: rgba(49, 173, 91, .42);
  transform: translateX(-50%);
}

.home-page .contact-build-glow {
  width: min(920px, 76vw);
  height: 320px;
  background: rgba(49, 173, 91, .11);
  filter: blur(72px);
}

.home-page .contact-build-panel {
  width: min(100%, 1180px);
  padding: clamp(40px, 4vw, 52px);
  border: 1px solid rgba(49, 173, 91, .34);
  border-radius: 24px;
  color: #15181c;
  background: rgba(255, 255, 255, .97);
  box-shadow: 0 18px 52px rgba(26, 83, 50, .09);
}

.home-page .contact-build-head {
  max-width: 980px;
  margin: 0 auto 34px;
  text-align: center;
}

.home-page .contact-build-eyebrow {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  margin-bottom: 13px;
  color: #31ad5b;
  font-size: 13px;
  font-weight: 800;
  line-height: 1.2;
  letter-spacing: .13em;
  text-transform: uppercase;
}

.home-page .contact-build-eyebrow .ti {
  font-size: 17px;
}

.home-page .contact-build-head h2 {
  max-width: 980px;
  margin: 0;
  color: #15181c;
  font-family: var(--disp);
  font-size: clamp(34px, 3.35vw, 46px);
  font-weight: 680;
  line-height: 1.1;
  letter-spacing: -.035em;
}

.home-page .contact-build-head p {
  max-width: 800px;
  margin: 16px auto 0;
  color: #5f6d64;
  font-size: 17px;
  line-height: 1.7;
}

.home-page .contact-build-head button {
  padding: 2px 1px;
  color: #31ad5b;
  font-weight: 750;
}

.home-page .contact-build-head button:hover,
.home-page .contact-build-head button:focus-visible {
  color: #31ad5b;
}

.home-page .contact-team-grid {
  gap: 20px;
}

.home-page .contact-person {
  padding: 24px;
  border: 1px solid #dcebe2;
  border-radius: 18px;
  background: #f8fcf9;
  box-shadow: none;
}

.home-page .contact-person:hover,
.home-page .contact-person:focus-within {
  border-color: rgba(49, 173, 91, .5);
  box-shadow: 0 13px 30px rgba(49, 173, 91, .09);
  transform: translateY(-3px);
}

.home-page .contact-person-top {
  gap: 15px;
  margin-bottom: 18px;
}

.home-page .contact-avatar {
  width: 56px;
  height: 56px;
  border-width: 2px;
  background: #31ad5b;
  box-shadow: 0 8px 20px rgba(49, 173, 91, .2);
  font-size: 18px;
}

.home-page .contact-person-info h3 {
  margin-bottom: 4px;
  color: #15181c;
  font-size: 21px;
  font-weight: 700;
  line-height: 1.2;
}

.home-page .contact-person-info p {
  color: #66756c;
  font-size: 15px;
  line-height: 1.45;
}

.home-page .contact-person-actions {
  gap: 9px;
}

.home-page .contact-icon-action {
  width: 44px;
  height: 44px;
  border-color: #dce8e1;
  border-radius: 11px;
  color: #31ad5b;
}

.home-page .contact-icon-action .ti {
  font-size: 18px;
}

.home-page .contact-icon-action:hover,
.home-page .contact-icon-action:focus-visible,
.home-page .contact-digital-card:hover,
.home-page .contact-digital-card:focus-visible {
  border-color: #31ad5b;
  background: #31ad5b;
}

.home-page .contact-digital-card {
  min-height: 44px;
  padding: 9px 15px;
  border: 1px solid rgba(49, 173, 91, .12);
  border-radius: 11px;
  color: #31ad5b;
  background: #eaf8ef;
  font-size: 14px;
  font-weight: 780;
}

@media (max-width: 860px) {
  .home-page .contact-build {
    padding: 64px 24px 148px;
  }

  .home-page .contact-build::before {
    width: calc(100% - 48px);
  }

  .home-page .contact-build-panel {
    width: 100%;
    padding: 38px;
  }

  .home-page .contact-build-head {
    margin-bottom: 30px;
  }
}

@media (max-width: 520px) {
  .home-page .contact-build {
    padding: 48px 16px 102px;
  }

  .home-page .contact-build::before {
    width: calc(100% - 32px);
  }

  .home-page .contact-build-panel {
    padding: 28px 20px 22px;
    border-radius: 19px;
  }

  .home-page .contact-build-eyebrow {
    margin-bottom: 11px;
    font-size: 11px;
    letter-spacing: .11em;
  }

  .home-page .contact-build-head h2 {
    font-size: 31px;
    line-height: 1.12;
  }

  .home-page .contact-build-head p {
    margin-top: 13px;
    font-size: 16px;
    line-height: 1.6;
  }

  .home-page .contact-team-grid {
    gap: 13px;
  }

  .home-page .contact-person {
    padding: 18px 16px;
    border-radius: 15px;
  }

  .home-page .contact-avatar {
    width: 50px;
    height: 50px;
    font-size: 16px;
  }

  .home-page .contact-person-info h3 {
    font-size: 19px;
  }

  .home-page .contact-person-info p {
    font-size: 14px;
  }

  .home-page .contact-person-actions {
    flex-wrap: wrap;
  }

  .home-page .contact-digital-card {
    flex: 1 1 150px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .home-page .contact-person {
    transition: none;
  }
}


/* source: styles/feature-cube-v132.css */
/* Talktide capability cube v132
   Restores the real Dolphlink spatial model: the story panels are faces of
   one 3D prism and the parent rotates around the Y axis. */

.home-page .feature-rotator-stage {
  --feature-cube-height: 400px;
  position: relative;
  width: min(100%, 920px);
  height: 456px !important;
  min-height: 456px;
  perspective: 3000px !important;
  perspective-origin: 50% 48%;
  overflow: visible;
  touch-action: pan-y pinch-zoom;
}

.home-page .feature-rotator .features-list {
  --feature-cube-depth: 265px;
  position: absolute !important;
  inset: 28px auto auto 50% !important;
  width: 100%;
  height: var(--feature-cube-height) !important;
  min-height: var(--feature-cube-height);
  transform:
    translateX(-50%)
    translateZ(calc(var(--feature-cube-depth) * -1))
    rotateY(var(--feature-cube-angle, 0deg)) !important;
  transform-style: preserve-3d !important;
  transform-origin: 50% 50%;
  cursor: pointer;
  outline: none;
  will-change: transform !important;
}

.home-page .feature-rotator .feature-face,
.home-page .feature-rotator .feature-face-1,
.home-page .feature-rotator .feature-face-2,
.home-page .feature-rotator .feature-face-3 {
  position: absolute !important;
  inset: 0 !important;
  z-index: auto !important;
  width: 100%;
  height: var(--feature-cube-height) !important;
  min-height: var(--feature-cube-height);
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: none;
  backface-visibility: hidden !important;
  -webkit-backface-visibility: hidden !important;
  transform-style: flat;
  transition: none !important;
  animation: none !important;
}

.home-page .feature-rotator .feature-face-1 {
  transform: rotateY(0deg) translateZ(var(--feature-cube-depth)) !important;
}

.home-page .feature-rotator .feature-face-2 {
  transform: rotateY(90deg) translateZ(var(--feature-cube-depth)) !important;
}

.home-page .feature-rotator .feature-face-3 {
  transform: rotateY(180deg) translateZ(var(--feature-cube-depth)) !important;
}

.home-page .feature-rotator .feature-face-4 {
  transform: rotateY(270deg) translateZ(var(--feature-cube-depth)) !important;
}

.home-page .feature-rotator .feature-face-4 .fimg img {
  object-position: 68% center;
}

.home-page .feature-rotator .feature-face.is-active {
  pointer-events: auto;
}

.home-page .feature-rotator .feature-face.fx-face-enter,
.home-page .feature-rotator .feature-face.fx-face-enter .fimg,
.home-page .feature-rotator .feature-face.fx-face-enter .fcopy {
  animation: none !important;
}

.home-page .feature-rotator .feature-face .fimg,
.home-page .feature-rotator .feature-face .fimg img {
  min-height: var(--feature-cube-height);
  height: var(--feature-cube-height) !important;
}

.home-page .feature-rotator[data-cube-rotating="true"] .feature-face {
  box-shadow: 0 34px 66px rgba(14, 68, 35, .18);
}

.home-page .feature-rotator-controls {
  margin-top: 0;
}

.home-page .feature-dot::after {
  transition:
    width .25s ease,
    background-color .25s ease,
    transform .25s ease;
}

.home-page .feature-dot.active::after,
.home-page .feature-dot[aria-current="true"]::after {
  transform: scale(1.08);
}

@media (max-width: 900px) {
  .home-page .feature-rotator-stage {
    --feature-cube-height: 420px;
    width: min(100%, 720px);
    height: 474px !important;
    min-height: 474px;
  }

  .home-page .feature-rotator .features-list {
    top: 22px !important;
  }
}

@media (max-width: 640px) {
  .home-page .feature-rotator-stage {
    --feature-cube-height: 650px;
    width: 100%;
    height: 650px !important;
    min-height: 650px;
    perspective: 1900px !important;
  }

  .home-page .feature-rotator .features-list {
    inset: 0 auto auto 50% !important;
    height: var(--feature-cube-height) !important;
    min-height: var(--feature-cube-height);
  }

  .home-page .feature-rotator .feature-face,
  .home-page .feature-rotator .feature-face-1,
  .home-page .feature-rotator .feature-face-2,
  .home-page .feature-rotator .feature-face-3 {
    height: var(--feature-cube-height) !important;
    min-height: var(--feature-cube-height);
  }

  .home-page .feature-rotator .feature-face .fimg {
    min-height: 218px;
    height: 218px !important;
  }

  .home-page .feature-rotator .feature-face .fimg img {
    min-height: 218px;
    height: 218px !important;
  }

  .home-page .feature-rotator-controls {
    margin-top: 22px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .home-page .feature-rotator .features-list {
    will-change: auto !important;
  }
}


/* source: styles/section-headings-v133.css */
/* Talktide section-heading system v133
   One consistent hierarchy for every major homepage section. */

.home-page .section-heading-v133 {
  width: min(100%, 1240px);
  max-width: 1240px !important;
  margin-inline: auto;
  margin-bottom: clamp(38px, 4.2vw, 66px);
  padding-inline: clamp(22px, 4vw, 64px);
  text-align: center;
}

.home-page .section-heading-v133 .section-heading-eyebrow,
.home-page .section-heading-v133 > .section-heading-eyebrow {
  display: block;
  width: auto;
  margin: 0 auto;
  padding: 0;
  color: var(--green, #24934f) !important;
  background: none !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  font-family: var(--disp, "Space Grotesk", "Inter", sans-serif);
  font-size: clamp(14px, 1.18vw, 18px) !important;
  font-weight: 720 !important;
  line-height: 1.35 !important;
  letter-spacing: .14em !important;
  text-transform: uppercase;
  text-shadow: none !important;
}

.home-page .section-heading-v133 .section-heading-eyebrow::before,
.home-page .section-heading-v133 .section-heading-eyebrow::after {
  display: none !important;
  content: none !important;
}

.home-page .section-heading-v133 > h2,
.home-page .section-heading-v133 h2 {
  max-width: 1180px !important;
  margin: clamp(22px, 2.2vw, 32px) auto 0 !important;
  color: var(--ink, #161a18) !important;
  font-family: var(--disp, "Space Grotesk", "Inter", sans-serif) !important;
  font-size: clamp(38px, 3.45vw, 56px) !important;
  font-weight: 680 !important;
  line-height: 1.1 !important;
  letter-spacing: -.035em !important;
  text-align: center !important;
  text-wrap: balance;
  text-shadow: none !important;
}

.home-page .section-heading-v133 .section-heading-divider {
  display: flex !important;
  align-items: center;
  justify-content: center;
  gap: 16px;
  width: min(240px, 52vw) !important;
  height: 18px !important;
  margin: clamp(25px, 2.25vw, 34px) auto !important;
  padding: 0 !important;
  color: var(--green, #31ad5b) !important;
  background: none !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  line-height: 1 !important;
}

.home-page .section-heading-v133 .section-heading-divider::before,
.home-page .section-heading-v133 .section-heading-divider::after {
  display: block !important;
  flex: 1 1 auto;
  width: auto !important;
  height: 1px !important;
  content: "" !important;
  background: color-mix(in srgb, var(--green, #31ad5b) 68%, white) !important;
  border: 0 !important;
  box-shadow: none !important;
  opacity: 1 !important;
}

.home-page .section-heading-v133 .section-heading-divider > .ti {
  position: static !important;
  display: block !important;
  width: auto !important;
  height: auto !important;
  margin: 0 !important;
  color: var(--green, #31ad5b) !important;
  font-size: 18px !important;
  line-height: 1 !important;
  transform: none !important;
}

.home-page .section-heading-v133 > p,
.home-page .section-heading-v133 .compliance-lead {
  max-width: 1120px !important;
  margin: 0 auto !important;
  color: var(--body, #607068) !important;
  font-family: var(--sans, "Inter", sans-serif) !important;
  font-size: clamp(18px, 1.55vw, 22px) !important;
  font-weight: 430 !important;
  line-height: 1.62 !important;
  letter-spacing: -.01em !important;
  text-align: center !important;
  text-wrap: balance;
  text-shadow: none !important;
}

/* Remove retired per-section ornament treatments after the shared system wins. */
.home-page .feature-section-head,
.home-page .solution-hub-head,
.home-page .compliance-head,
.home-page .contact-build-head {
  min-height: 0 !important;
  border: 0 !important;
  box-shadow: none !important;
}

.home-page .feature-section-head {
  margin-bottom: clamp(34px, 3.6vw, 56px) !important;
}

.home-page .flow .wrap > .flow-section-head,
.home-page .proc .wrap > .process-section-head,
.home-page .story .wrap > .story-section-head {
  margin-bottom: clamp(34px, 3.6vw, 54px);
}

.home-page .flow .wrap > h2,
.home-page .proc .wrap > h2 {
  display: none !important;
}

.home-page .solution-hub-head::after,
.home-page .compliance-head::after,
.home-page .contact-build-head::after {
  display: none !important;
  content: none !important;
}

.home-page .contact-build-head.section-heading-v133 {
  width: 100%;
  max-width: 1120px;
  margin-bottom: clamp(28px, 3vw, 42px);
  padding-inline: 0;
}

.home-page .contact-build-head.section-heading-v133 > p button {
  font: inherit;
}

@media (max-width: 700px) {
  .home-page .section-heading-v133 {
    margin-bottom: 32px;
    padding-inline: 20px;
  }

  .home-page .section-heading-v133 .section-heading-eyebrow,
  .home-page .section-heading-v133 > .section-heading-eyebrow {
    font-size: 12px !important;
    letter-spacing: .12em !important;
  }

  .home-page .section-heading-v133 > h2,
  .home-page .section-heading-v133 h2 {
    margin-top: 18px !important;
    font-size: clamp(29px, 8.2vw, 36px) !important;
    line-height: 1.13 !important;
    letter-spacing: -.03em !important;
  }

  .home-page .section-heading-v133 .section-heading-divider {
    width: min(176px, 58vw) !important;
    margin: 20px auto !important;
  }

  .home-page .section-heading-v133 > p,
  .home-page .section-heading-v133 .compliance-lead {
    font-size: 16px !important;
    line-height: 1.58 !important;
  }
}

@media (min-width: 1600px) {
  .home-page .section-heading-v133 {
    width: min(100%, 1380px);
    max-width: 1380px !important;
  }

  .home-page .section-heading-v133 > h2,
  .home-page .section-heading-v133 h2 {
    max-width: 1280px !important;
  }

  .home-page .section-heading-v133 > p,
  .home-page .section-heading-v133 .compliance-lead {
    max-width: 1220px !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .home-page .section-heading-v133,
  .home-page .section-heading-v133 * {
    animation: none !important;
    transition: none !important;
  }
}


/* source: styles/card-typography-v134.css */
/* V134 — keep card titles on the same compact scale as Dolphlink.
   Section headings retain their larger V133 hierarchy. */
.home-page .product-hub-v125 .solution-card-copy h3{
  max-width:430px;
  font-size:clamp(22px,1.55vw,24px)!important;
  font-weight:600;
  line-height:1.23;
  letter-spacing:-.018em;
  text-wrap:balance;
}

/* The legacy industry source stays visually compatible if it is reused. */
.home-page .legacy-industries .ind h3{
  font-size:clamp(22px,1.55vw,24px)!important;
  font-weight:600;
  line-height:1.23;
  letter-spacing:-.018em;
  text-wrap:balance;
}

@media(max-width:640px){
  .home-page .product-hub-v125 .solution-card-copy h3,
  .home-page .legacy-industries .ind h3{
    font-size:22px!important;
    line-height:1.24;
  }
}


/* source: styles/card-grid-v135.css */
/* V135 — denser 3–3–1 desktop rhythm for seven-card hubs.
   Six-card product sets naturally resolve to 3–3. */
@media(min-width:1101px){
  .home-page .solution-hub-v124 .solution-card-grid,
  .home-page .product-hub-v125 .solution-card-grid{
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:18px;
  }

  .home-page .solution-hub-v124 .solution-hub-card,
  .home-page .product-hub-v125 .solution-hub-card,
  .home-page .product-hub-v125 .solution-hub-card:last-child{
    grid-column:auto;
    grid-template-columns:minmax(126px,41%) minmax(0,59%);
    min-height:198px;
    border-radius:16px;
    box-shadow:0 12px 30px rgba(25,95,52,.07);
  }

  .home-page .solution-hub-v124 .solution-hub-card:nth-child(7):last-child{
    grid-column:2;
  }

  .home-page .solution-hub-v124 .solution-card-media,
  .home-page .solution-hub-v124 .solution-card-media img{
    min-height:198px;
  }

  .home-page .solution-hub-v124 .solution-card-copy{
    padding:20px 18px;
  }

  .home-page .solution-hub-v124 .solution-card-label{
    gap:6px;
    margin-bottom:8px;
    font-size:10px;
  }

  .home-page .solution-hub-v124 .solution-card-label .ti{
    font-size:15px;
  }

  .home-page .solution-hub-v124 .solution-card-copy h3,
  .home-page .product-hub-v125 .solution-card-copy h3{
    margin-bottom:8px;
    font-size:clamp(18px,1.25vw,21px)!important;
    line-height:1.22;
  }

  .home-page .solution-hub-v124 .solution-card-copy p{
    font-size:13px;
    line-height:1.5;
  }

  .home-page .solution-hub-v124 .solution-card-action{
    gap:6px;
    margin-top:12px;
    font-size:12.5px;
  }

  .home-page .product-family-list{
    gap:5px;
    margin-top:10px;
  }

  .home-page .product-family-list b{
    padding:4px 7px;
    font-size:9.5px;
  }
}

@media(min-width:641px) and (max-width:1100px){
  .home-page .solution-hub-v124 .solution-card-grid,
  .home-page .product-hub-v125 .solution-card-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .home-page .solution-hub-v124 .solution-hub-card:nth-child(7):last-child{
    grid-column:1/-1;
    width:calc(50% - 9px);
    justify-self:center;
  }
}

@media(max-width:640px){
  .home-page .solution-hub-v124 .solution-card-grid,
  .home-page .product-hub-v125 .solution-card-grid{
    grid-template-columns:1fr;
    gap:16px;
  }

  .home-page .solution-hub-v124 .solution-hub-card,
  .home-page .solution-hub-v124 .solution-hub-card:last-child,
  .home-page .product-hub-v125 .solution-hub-card,
  .home-page .product-hub-v125 .solution-hub-card:last-child{
    width:100%;
    grid-column:auto;
    grid-template-columns:1fr;
    grid-template-rows:170px auto;
    min-height:0;
    border-radius:16px;
  }

  .home-page .solution-hub-v124 .solution-card-media,
  .home-page .solution-hub-v124 .solution-card-media img{
    min-height:170px;
  }

  .home-page .solution-hub-v124 .solution-card-copy{
    padding:21px 20px 23px;
  }
}


/* source: styles/product-prism-v136.css */
/* V136 — complete product portfolio inside the Talktide four-face product prism. */
.product-detail-modal .about-dialog {
  width: min(94vw, 1240px);
}

.product-detail-modal .about-frame {
  background: #f7fbf8;
}

.home-page .feature-rotator {
  position: relative;
}

.home-page .feature-rotator-stage {
  --feature-cube-height: 440px;
  height: 496px !important;
  min-height: 496px;
  pointer-events: none;
}

.home-page .feature-rotator .features-list,
.home-page .feature-rotator .feature-face.is-active {
  pointer-events: auto;
}

.home-page .feature-product-anchor {
  position: absolute;
  top: 0;
  left: 0;
  width: 1px;
  height: 1px;
  pointer-events: none;
}

.home-page .feature-rotator .feature-face .fcopy {
  padding-block: 27px;
}

.home-page .feature-product-kicker {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  width: fit-content;
  margin-bottom: 10px;
  color: #2fae59;
  font-size: 12px;
  font-weight: 760;
  line-height: 1.25;
  letter-spacing: .1em;
  text-transform: uppercase;
}

.home-page .feature-product-kicker i {
  font-size: 17px;
}

.home-page .feature-rotator .feature-face h2 {
  margin-bottom: 10px;
  font-size: clamp(25px, 2vw, 30px) !important;
}

.home-page .feature-rotator .feature-face .fintro {
  margin-bottom: 13px;
  font-size: 14px !important;
  line-height: 1.5;
}

.home-page .feature-rotator .feature-face .flist {
  gap: 8px;
}

.home-page .feature-rotator .feature-face .flist .fi {
  gap: 10px;
}

.home-page .feature-rotator .feature-face .fic {
  width: 32px;
  height: 32px;
  flex-basis: 32px;
}

.home-page .feature-rotator .feature-face .flist .fi b {
  font-size: 13.5px !important;
}

.home-page .feature-rotator .feature-face .flist .fi p {
  font-size: 12.5px !important;
  line-height: 1.38;
}

.home-page .feature-product-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 14px;
}

.home-page .feature-product-action {
  min-height: 38px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 8px 14px;
  border: 1px solid #35b45f;
  border-radius: 10px;
  background: #35b45f;
  color: #fff;
  font-family: var(--sans, "Inter", sans-serif);
  font-size: 12.5px;
  font-weight: 720;
  line-height: 1.2;
  cursor: pointer;
  box-shadow: none;
  transition: transform .2s ease, background-color .2s ease, border-color .2s ease;
}

.home-page .feature-product-action-secondary {
  border-color: rgba(53, 180, 95, .42);
  background: #fff;
  color: #238847;
}

.home-page .feature-product-action:hover {
  border-color: #279d4f;
  background: #279d4f;
  transform: translateY(-2px);
}

.home-page .feature-product-action-secondary:hover {
  color: #fff;
}

.home-page .feature-product-action:focus-visible {
  outline: 3px solid rgba(53, 180, 95, .28);
  outline-offset: 3px;
}

/* The prism itself already owns pointer-swipe handling. Keeping the old
   transparent swipe layer non-interactive makes product controls usable. */
.home-page .feature-rotator .feature-swipe-surface {
  pointer-events: none !important;
}

@media (max-width: 900px) {
  .home-page .feature-rotator-stage {
    --feature-cube-height: 580px;
    height: 634px !important;
    min-height: 634px;
  }

  .home-page .feature-rotator .feature-face .fcopy {
    padding: 24px 24px;
  }

  .home-page .feature-product-kicker {
    margin-bottom: 8px;
    font-size: 11px;
  }

  .home-page .feature-rotator .feature-face h2 {
    font-size: 25px !important;
  }

  .home-page .feature-product-action {
    min-height: 40px;
  }
}

@media (max-width: 640px) {
  .home-page .feature-rotator-stage {
    --feature-cube-height: 780px;
    height: 780px !important;
    min-height: 780px;
  }

  .home-page .feature-rotator .feature-face .fimg,
  .home-page .feature-rotator .feature-face .fimg img {
    min-height: 180px;
    height: 180px !important;
  }

  .home-page .feature-rotator .feature-face .fcopy {
    padding: 22px 20px 24px;
  }

  .home-page .feature-product-kicker {
    margin-bottom: 7px;
    font-size: 10.5px;
  }

  .home-page .feature-rotator .feature-face h2 {
    margin-bottom: 8px;
    font-size: 23px !important;
  }

  .home-page .feature-rotator .feature-face .fintro {
    margin-bottom: 11px;
    font-size: 13.5px !important;
  }

  .home-page .feature-rotator .feature-face .flist {
    gap: 7px;
  }

  .home-page .feature-rotator .feature-face .flist .fi p {
    font-size: 12px !important;
  }

  .home-page .feature-product-actions {
    margin-top: 11px;
  }

  .home-page .feature-product-action {
    min-height: 38px;
    flex: 1 1 132px;
    padding-inline: 10px;
    font-size: 12px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .home-page .feature-product-action {
    transition: none;
  }
}


/* source: styles/header-typography-v137.css */
/* V137 — one typography and alignment system for the complete site header. */
.home-page header.site {
  --header-control-font: 13px;
  --header-control-line: 18px;
}

@media (min-width: 901px) {
  .home-page header.site nav {
    gap: clamp(12px, 1.25vw, 24px) !important;
  }

  .home-page header.site nav a,
  .home-page header.site .lang-btn,
  .home-page header.site .h-actions > .btn {
    font-family: var(--sans, "Inter", "Segoe UI", sans-serif) !important;
    font-size: var(--header-control-font) !important;
    line-height: var(--header-control-line) !important;
    letter-spacing: 0 !important;
    text-shadow: none !important;
    -webkit-font-smoothing: antialiased;
  }

  .home-page header.site nav a {
    height: 34px !important;
    min-height: 34px !important;
    padding: 8px 10px !important;
    border: 0 !important;
    border-radius: 9px;
    font-weight: 600 !important;
    transform: none !important;
    box-shadow: none !important;
  }

  .home-page header.site nav a,
  .home-page header.site nav a:visited,
  .home-page header.site nav a:hover,
  .home-page header.site nav a:focus-visible,
  .home-page header.site nav a.is-active,
  .home-page header.site nav a.fx-active {
    color: #fff !important;
  }

  .home-page header.site nav a::after {
    right: auto;
    bottom: 3px;
    left: 50%;
    width: 22px;
    height: 2px;
    border-radius: 999px;
    opacity: 0;
    transform: translateX(-50%) scaleX(.3);
    transform-origin: center;
  }

  .home-page header.site nav a:hover,
  .home-page header.site nav a:focus-visible {
    border: 0 !important;
    background: rgba(255, 255, 255, .1);
    transform: none !important;
  }

  .home-page header.site nav a.is-active {
    border: 0 !important;
    background: rgba(255, 255, 255, .14);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .2) !important;
    transform: none !important;
  }

  .home-page header.site nav a.fx-active {
    background: rgba(255, 255, 255, .14);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .2) !important;
  }

  .home-page header.site nav a:hover::after,
  .home-page header.site nav a:focus-visible::after,
  .home-page header.site nav a.is-active::after,
  .home-page header.site nav a.fx-active::after {
    opacity: 1;
    transform: translateX(-50%) scaleX(1);
  }

  .home-page header.site .lang-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    height: 34px !important;
    min-height: 34px !important;
    padding: 8px 9px !important;
    font-weight: 600 !important;
  }

  .home-page header.site .lang-btn .glb {
    font-size: 16px;
  }

  .home-page header.site .lang-btn .cav {
    font-size: 13px;
  }

  .home-page header.site .h-actions > .btn {
    height: 36px !important;
    min-height: 36px !important;
    padding: 9px 16px !important;
    font-weight: 700 !important;
  }
}

@media (max-width: 1180px) and (min-width: 901px) {
  .home-page header.site {
    --header-control-font: 12.5px;
  }

  .home-page header.site nav {
    gap: 5px !important;
  }

  .home-page header.site nav a {
    padding-inline: 7px !important;
    font-size: var(--header-control-font) !important;
  }

  .home-page header.site .h-actions > .btn {
    padding-inline: 12px !important;
  }
}

@media (max-width: 900px) {
  .home-page header.site .lang-btn,
  .home-page header.site .h-actions > .btn,
  .home-page header.site nav a {
    font-family: var(--sans, "Inter", "Segoe UI", sans-serif) !important;
    letter-spacing: 0 !important;
    text-shadow: none !important;
  }

  .home-page header.site .lang-btn {
    font-size: 13px !important;
    font-weight: 600 !important;
    line-height: 18px !important;
  }

  .home-page header.site .h-actions > .btn {
    font-size: 12px !important;
    font-weight: 700 !important;
    line-height: 18px !important;
  }

  .home-page header.site nav a {
    min-height: 44px !important;
    padding: 11px 13px !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    line-height: 20px !important;
  }

  .home-page header.site nav a.is-active {
    border-color: rgba(255, 255, 255, .3);
    background: rgba(255, 255, 255, .14);
    box-shadow: none;
  }

  .home-page header.site nav a,
  .home-page header.site nav a:visited,
  .home-page header.site nav a.is-active,
  .home-page header.site nav a.fx-active {
    color: #fff !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .home-page header.site nav a,
  .home-page header.site nav a::after {
    transition: none !important;
  }
}


/* source: styles/footer-typography-v138.css */
/* V138 — keep every footer text role on the same 13px baseline as the main menu. */
footer.site {
  --footer-control-font: 13px;
}

footer.site .fcol h4,
footer.site .foot-top > .foff b,
footer.site .fcol a,
footer.site .foot-brand > p.foff,
footer.site .foot-top > .foff p,
footer.site .foot-top > .foff a,
footer.site .foot-bottom,
footer.site .foot-bottom button {
  font-family: var(--sans, "Inter", "Segoe UI", sans-serif) !important;
  font-size: var(--footer-control-font) !important;
  letter-spacing: 0 !important;
  text-shadow: none !important;
  -webkit-font-smoothing: antialiased;
}

body footer.site .foot-top .fcol h4,
footer.site .foot-top > .foff b {
  line-height: 18px !important;
  font-size: var(--footer-control-font) !important;
  font-weight: 700 !important;
}

body footer.site .foot-top .fcol a {
  line-height: 20px !important;
  font-size: var(--footer-control-font) !important;
  font-weight: 600 !important;
}

footer.site .foot-brand > p.foff,
footer.site .foot-top > .foff p,
footer.site .foot-top > .foff a {
  line-height: 20px !important;
}

footer.site .foot-top > .foff a {
  font-weight: 600 !important;
}

footer.site .foot-bottom {
  line-height: 18px !important;
}

footer.site .foot-bottom button {
  line-height: 18px !important;
  font-weight: 600 !important;
}


/* source: styles/typography-system-v139.css */
/* V139 — deterministic typography roles shared by the complete Talktide site.
   Sizes change only at explicit desktop/tablet/mobile breakpoints. */
:root,
body.home-page,
body:not(.home-page) {
  --type-hero: 48px;
  --type-display: 56px;
  --type-section: 40px;
  --type-panel: 28px;
  --type-card: 20px;
  --type-feature: 28px;
  --type-card-title: 20px;
  --type-body-lg: 18px;
  --type-lead: 18px;
  --type-body: 16px;
  --type-small: 14px;
  --type-ui: 13px;
  --type-meta: 13px;
  --type-label: 13px;
  --type-micro: 12px;
}

html {
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
}

body {
  font-family: var(--sans, "Inter", "Segoe UI", sans-serif);
  font-size: var(--type-body);
  line-height: 1.6;
}

main h1,
main h2,
main h3,
main h4 {
  font-family: var(--disp, "Space Grotesk", "Inter", sans-serif);
  text-shadow: none !important;
  -webkit-font-smoothing: antialiased;
}

main p,
main li,
main a,
main button {
  text-shadow: none !important;
}

/* Shared site chrome */
body header.site nav a:not(.mobile-nav-contact),
body header.site .lang button,
body header.site .lang-btn,
body header.site > .btn,
body header.site .h-actions > .btn {
  font-family: var(--sans, "Inter", "Segoe UI", sans-serif) !important;
  font-size: var(--type-ui) !important;
  line-height: 18px !important;
  letter-spacing: 0 !important;
}

body header.site nav a:not(.mobile-nav-contact),
body header.site .lang button,
body header.site .lang-btn {
  font-weight: 600 !important;
}

body header.site > .btn,
body header.site .h-actions > .btn {
  font-weight: 700 !important;
}

/* Page and section hierarchy */
.home-page .hero h1 {
  font-size: var(--type-hero) !important;
  font-weight: 700 !important;
  line-height: 1.08 !important;
  letter-spacing: -.035em !important;
  text-wrap: balance;
}

body:not(.home-page) .subpage-hero h1 {
  font-size: var(--type-display) !important;
  font-weight: 700 !important;
  line-height: 1.08 !important;
  letter-spacing: -.035em !important;
  text-wrap: balance;
}

.home-page .section-heading-v133 > h2,
.home-page .section-heading-v133 h2,
body:not(.home-page) .terms-clause > h2:not(#dpo-contact-title) {
  font-size: var(--type-section) !important;
  font-weight: 700 !important;
  line-height: 1.14 !important;
  letter-spacing: -.03em !important;
  text-wrap: balance;
}

.home-page .hero .eyebrow,
.home-page .section-heading-v133 .section-heading-eyebrow,
body:not(.home-page) .subpage-hero .section-label {
  font-family: var(--disp, "Space Grotesk", "Inter", sans-serif) !important;
  font-size: var(--type-ui) !important;
  font-weight: 700 !important;
  line-height: 18px !important;
  letter-spacing: .12em !important;
  text-transform: uppercase;
}

.home-page .hero .lead,
.home-page .section-heading-v133 > p,
.home-page .section-heading-v133 .compliance-lead,
body:not(.home-page) .subpage-hero p {
  font-family: var(--sans, "Inter", "Segoe UI", sans-serif) !important;
  font-size: var(--type-lead) !important;
  font-weight: 400 !important;
  line-height: 1.58 !important;
  letter-spacing: -.005em !important;
}

/* Homepage component roles */
.home-page .feature-rotator .feature-face h2,
.home-page .story .sov h3 {
  font-size: var(--type-feature) !important;
  font-weight: 700 !important;
  line-height: 1.18 !important;
  letter-spacing: -.02em !important;
}

.home-page .proc .pstep h3,
.home-page .compl .cmpl h3,
.home-page .contact-person-info h3 {
  font-size: var(--type-card-title) !important;
  font-weight: 700 !important;
  line-height: 1.3 !important;
  letter-spacing: -.015em !important;
}

.home-page .story .scol h4 {
  font-size: var(--type-body) !important;
  font-weight: 700 !important;
  line-height: 1.4 !important;
}

.home-page .hero-check,
.home-page .feature-rotator .feature-face .fintro,
.home-page .contact-person-role,
.home-page .contact-person-meta {
  font-size: var(--type-small) !important;
}

.home-page .feature-rotator .feature-face .flist .fi b {
  font-size: var(--type-small) !important;
  line-height: 1.35 !important;
}

.home-page .feature-rotator .feature-face .flist .fi p,
.home-page .feature-product-action,
.home-page .flow .flow-time,
.home-page .flow .flow-label {
  font-size: var(--type-ui) !important;
}

.home-page main .btn,
.home-page .flow .flow-card,
.home-page .flow .flow-card p,
.home-page .proc .pstep p,
.home-page .proc .pstep li,
.home-page .compl .cmpl p,
.home-page .story .scol p {
  font-size: var(--type-body) !important;
}

.home-page main .btn {
  font-size: var(--type-small) !important;
  font-weight: 700 !important;
  line-height: 20px !important;
}

/* Inner-page roles */
body:not(.home-page) .subpage-hero .sol-back {
  font-size: var(--type-ui) !important;
  line-height: 18px !important;
}

body:not(.home-page) .about-intro,
body:not(.home-page) .privacy-intro,
body:not(.home-page) .terms-clause > p:not(.about-intro) {
  font-size: var(--type-body) !important;
  line-height: 1.65 !important;
}

body:not(.home-page) .feat h3,
body:not(.home-page) .scn h3,
body:not(.home-page) .office-card h3 {
  font-size: 18px !important;
  font-weight: 700 !important;
  line-height: 1.35 !important;
}

body:not(.home-page) .feat p,
body:not(.home-page) .feat li,
body:not(.home-page) .scn p,
body:not(.home-page) .scn li,
body:not(.home-page) .case p {
  font-size: 15px !important;
  line-height: 1.68 !important;
}

body:not(.home-page) .feat b {
  font-size: var(--type-small) !important;
}

body:not(.home-page) .tag-row span {
  font-size: var(--type-micro) !important;
}

body:not(.home-page) #dpo-contact-title {
  font-size: var(--type-card-title) !important;
  line-height: 1.3 !important;
}

/* Keep the shared heading composition proportional to the new scale. */
.home-page .section-heading-v133 {
  margin-bottom: 48px !important;
}

.home-page .section-heading-v133 > h2,
.home-page .section-heading-v133 h2 {
  margin-top: 18px !important;
}

.home-page .section-heading-v133 .section-heading-divider {
  margin-block: 24px !important;
}

@media (max-width: 1199px) {
  :root,
  body.home-page,
  body:not(.home-page) {
    --type-hero: 44px;
    --type-display: 48px;
    --type-section: 36px;
  }
}

@media (max-width: 900px) {
  body.home-page header.site nav a,
  body:not(.home-page) header.site nav a {
    font-size: 15px !important;
    line-height: 20px !important;
  }
}

@media (max-width: 700px) {
  :root,
  body.home-page,
  body:not(.home-page) {
    --type-hero: 36px;
    --type-display: 36px;
    --type-section: 32px;
    --type-panel: 23px;
    --type-card: 18px;
    --type-feature: 23px;
    --type-card-title: 18px;
    --type-body-lg: 17px;
    --type-lead: 17px;
    --type-ui: 13px;
    --type-meta: 13px;
    --type-label: 12px;
  }

  .home-page .section-heading-v133 {
    margin-bottom: 32px !important;
  }

  .home-page .section-heading-v133 > h2,
  .home-page .section-heading-v133 h2 {
    margin-top: 16px !important;
  }

  .home-page .section-heading-v133 .section-heading-divider {
    margin-block: 20px !important;
  }

  .home-page .section-heading-v133 > p,
  .home-page .section-heading-v133 .compliance-lead {
    font-size: var(--type-body) !important;
    line-height: 1.58 !important;
  }

  .home-page .hero .eyebrow,
  .home-page .section-heading-v133 .section-heading-eyebrow,
  body:not(.home-page) .subpage-hero .section-label {
    font-size: var(--type-micro) !important;
    line-height: 17px !important;
  }

  body:not(.home-page) .terms-clause > h2:not(#dpo-contact-title) {
    font-size: var(--type-section) !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  main h1,
  main h2,
  main h3,
  main h4,
  main p,
  main a,
  main button {
    transition: none !important;
  }
}


/* source: styles/hero-readability-v140.css */
/* V140 — Dolphlink-style Hero readability treatment.
   A calm white-to-transparent veil protects the left reading column
   while leaving the Malaysia/Indonesia video subject fully visible. */
@media (min-width: 721px) {
  .home-page .hero-stage .hero::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 1;
    pointer-events: none;
    background:
      linear-gradient(
        90deg,
        rgba(249, 252, 250, .99) 0%,
        rgba(249, 252, 250, .97) 28%,
        rgba(249, 252, 250, .93) 42%,
        rgba(249, 252, 250, .72) 53%,
        rgba(249, 252, 250, .30) 64%,
        rgba(249, 252, 250, 0) 74%
      );
  }

  .home-page .hero-stage .hero .hcopy {
    position: relative;
    z-index: 2;
  }

  .home-page .hero-stage .hero .hcopy h1 {
    color: #111916;
  }

  .home-page .hero-stage .hero .hcopy .lead {
    color: #34443c;
  }

  .home-page .hero-stage .hero .hero-check {
    color: #24352c;
  }

  .home-page .hero-stage .hero .cta-row .btn-ghost {
    color: #157d40;
    background: rgba(255, 255, 255, .94);
    border-color: rgba(25, 137, 71, .42);
    box-shadow: 0 10px 28px rgba(29, 104, 58, .08);
  }
}

@media (min-width: 1921px) {
  .home-page .hero-stage .hero::before {
    background:
      linear-gradient(
        90deg,
        rgba(249, 252, 250, .99) 0%,
        rgba(249, 252, 250, .97) 31%,
        rgba(249, 252, 250, .91) 43%,
        rgba(249, 252, 250, .65) 52%,
        rgba(249, 252, 250, .24) 61%,
        rgba(249, 252, 250, 0) 70%
      );
  }
}

@media (max-width: 720px) {
  .home-page .hero-stage .hero::before {
    content: none;
  }
}


/* source: styles/uiux-20-v141.css */
/* Talktide UI/UX refinement v141
   Twenty bounded rounds, applied after the established V139/V140 systems. */

/* 01 — predictable anchor arrival below the sticky header. */
html {
  scroll-padding-top: 76px;
}

.home-page main section[id],
.home-page .feature-product-anchor {
  scroll-margin-top: 76px;
}

/* 02 — one visible, brand-consistent keyboard focus language. */
.home-page :is(a, button, [tabindex]):focus-visible {
  outline: 3px solid rgba(49, 173, 91, .34) !important;
  outline-offset: 3px;
}

/* 03 — clearer navigation affordance without increasing header height. */
.home-page header.site nav a:not(.mobile-nav-contact) {
  border-radius: 9px;
  transition: color .18s ease, background-color .18s ease, transform .18s ease;
}

.home-page header.site nav a:not(.mobile-nav-contact):hover,
.home-page header.site nav a:not(.mobile-nav-contact):focus-visible {
  background: rgba(255, 255, 255, .14);
  transform: translateY(-1px);
}

/* 04 — consistent pressed feedback for every primary conversion control. */
.home-page .btn {
  transition:
    color .18s ease,
    background-color .18s ease,
    border-color .18s ease,
    box-shadow .18s ease,
    transform .18s ease;
}

.home-page .btn:hover {
  transform: translateY(-2px);
}

.home-page .btn:active {
  transform: translateY(0) scale(.985);
}

/* 05 — keep the Hero reading column compact and optically grouped. */
@media (min-width: 901px) {
  .home-page .hero-stage .hero .hcopy {
    max-width: 760px;
  }

  .home-page .hero-stage .hero .hcopy .lead {
    max-width: 610px;
  }

  .home-page .hero .hero-checks {
    max-width: 590px;
  }
}

/* 06 — Hero secondary action now reads like a deliberate peer control. */
.home-page .hero .cta-row .btn {
  box-shadow: 0 10px 24px rgba(24, 104, 56, .08);
}

.home-page .hero .cta-row .btn-primary:hover {
  box-shadow: 0 14px 30px rgba(49, 173, 91, .22);
}

.home-page .hero .cta-row .btn-ghost:hover {
  box-shadow: 0 14px 30px rgba(24, 104, 56, .12);
}

/* 07 — regional times remain readable while retaining the flat bar. */
.home-page .hero-times .clocks {
  width: min(100%, 920px);
  max-width: 920px;
  height: 38px;
}

.home-page .hero-times .clocks .ck {
  min-height: 38px;
}

.home-page .hero-times .clocks .ck span {
  font-size: 10.5px !important;
}

.home-page .hero-times .clocks .ck b {
  font-size: 13.5px !important;
}

/* 08 — proof metrics use one calm elevation and stronger number hierarchy. */
.home-page .hero-stage .stats .stat {
  border-radius: 14px;
  box-shadow: 0 8px 22px rgba(22, 94, 52, .055);
  transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease;
}

.home-page .hero-stage .stats .stat:hover {
  border-color: rgba(49, 173, 91, .34);
  box-shadow: 0 14px 30px rgba(22, 94, 52, .09);
  transform: translateY(-2px);
}

/* 09 — partner proof receives a clearer reading measure and quieter cards. */
.home-page .hero-stage .trust .tt {
  max-width: 760px;
  margin-inline: auto;
  font-weight: 600;
}

.home-page .hero-stage .trust .partner-group img {
  border-radius: 12px;
  box-shadow: 0 6px 16px rgba(22, 94, 52, .045);
}

/* 10 — all major headings share the same comfortable reading width. */
.home-page .section-heading-v133 {
  width: min(100%, 1180px);
}

.home-page .section-heading-v133 > h2,
.home-page .section-heading-v133 h2 {
  max-width: 940px !important;
}

.home-page .section-heading-v133 > p,
.home-page .section-heading-v133 .compliance-lead {
  max-width: 780px !important;
}

/* 11 — product prism keeps media and copy proportions consistent. */
.home-page .feature-rotator .feature-face {
  overflow: hidden;
  border-radius: 20px;
}

.home-page .feature-rotator .feature-face .fimg img {
  transition: transform .55s cubic-bezier(.2, .75, .2, 1);
}

.home-page .feature-rotator .feature-face.is-active:hover .fimg img {
  transform: scale(1.025);
}

/* 12 — carousel controls meet a reliable 44px target size. */
.home-page .feature-rotator-controls .feature-arrow,
.home-page .feature-rotator-controls .feature-dot {
  min-width: 44px;
  min-height: 44px;
}

.home-page .feature-rotator-controls .feature-arrow {
  transition: color .18s ease, background-color .18s ease, transform .18s ease;
}

.home-page .feature-rotator-controls .feature-arrow:hover {
  transform: translateY(-2px);
}

/* 13 — product actions retain readable labels and decisive hover states. */
.home-page .feature-product-action {
  min-height: 42px;
  padding-inline: 16px;
}

.home-page .feature-product-action:active {
  transform: translateY(0) scale(.985);
}

/* 14 — the connected journey signals controlled horizontal exploration. */
.home-page .flow-journey {
  overscroll-behavior-inline: contain;
  scrollbar-color: rgba(49, 173, 91, .42) transparent;
  scrollbar-width: thin;
}

.home-page .flow .bcol {
  scroll-snap-align: start;
}

.home-page .flow .flow-card,
.home-page .flow .bubble {
  border-radius: 13px;
}

/* 15 — process cards communicate sequence with equal weight and feedback. */
.home-page .proc .pstep {
  min-height: 292px;
  border-radius: 16px;
  transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease;
}

.home-page .proc .pstep:hover {
  border-color: rgba(49, 173, 91, .4);
  box-shadow: 0 16px 34px rgba(22, 94, 52, .09);
  transform: translateY(-3px);
}

/* 16 — customer story reads as one connected proof surface. */
.home-page .story .story-grid {
  overflow: hidden;
  border: 1px solid rgba(49, 173, 91, .16);
  border-radius: 20px;
  box-shadow: 0 12px 34px rgba(22, 94, 52, .07);
}

.home-page .story .simg img {
  transition: transform .55s cubic-bezier(.2, .75, .2, 1);
}

.home-page .story .story-grid:hover .simg img {
  transform: scale(1.02);
}

/* 17 — compliance cards use the same restrained elevation as other modules. */
.home-page .compliance-showcase .cmpl {
  box-shadow: 0 8px 24px rgba(17, 74, 38, .055);
}

.home-page .compliance-showcase .cmpl-action {
  min-height: 32px;
}

/* 18 — contact cards align actions and reduce unused vertical depth. */
.home-page .contact-build {
  padding-bottom: calc(clamp(56px, 5.5vw, 76px) + 96px);
}

.home-page .contact-person {
  display: flex;
  flex-direction: column;
}

.home-page .contact-person-actions {
  margin-top: auto;
}

/* 19 — footer density improves without shrinking the 13px type baseline. */
.home-page footer.site .foot-top {
  column-gap: clamp(26px, 3vw, 46px);
}

.home-page footer.site .fcol {
  gap: 5px;
}

.home-page footer.site .foot-social a {
  min-width: 38px;
  min-height: 38px;
}

/* 20 — motion and floating controls respect comfort and content clearance. */
.home-page .fx-to-top,
.home-page #dlpk-chat .dcp-fab {
  width: 48px;
  height: 48px;
}

@media (max-width: 900px) {
  .home-page .hero-times {
    padding-top: 14px;
  }

  .home-page .hero-times .clocks {
    height: 48px !important;
  }

  .home-page .hero-times .clocks .ck {
    min-height: 48px;
  }

  .home-page .hero-times .clocks .ck span {
    font-size: 9px !important;
  }

  .home-page .hero-times .clocks .ck b {
    font-size: 12.5px !important;
  }

  .home-page .proc .pstep {
    min-height: 0;
  }

  .home-page .hero-stage .stats .wrap {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
  }

  .home-page .hero-stage .stats .stat {
    min-height: 126px;
    padding: 16px 12px;
    flex-direction: column;
    justify-content: center;
    text-align: center;
  }

  .home-page .hero .lead {
    display: block;
    overflow: visible;
    -webkit-line-clamp: unset;
  }

  .home-page header.site .lang-btn {
    min-height: 40px;
  }

  .home-page .contact-build {
    padding-bottom: 124px;
  }
}

@media (max-width: 640px) {
  .home-page .hero-times .clocks {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    height: 86px !important;
    gap: 2px;
  }

  .home-page .hero-times .clocks .ck {
    min-height: 42px;
  }

  .home-page .hero-times .clocks .ck span {
    font-size: 9.5px !important;
  }

  .home-page .hero-times .clocks .ck b {
    font-size: 13px !important;
  }

  .home-page .hero-stage .stats {
    padding: 10px 12px 22px;
  }

  .home-page .hero-stage .stats .wrap {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 8px;
  }

  .home-page .hero-stage .stats .stat {
    min-height: 116px;
    padding: 13px 8px;
    flex-direction: column;
    justify-content: center;
    gap: 8px;
    text-align: center;
  }

  .home-page .hero-stage .stats .stat .si {
    width: 34px;
    height: 34px;
  }

  .home-page .hero-stage .stats .stat .si .ti {
    font-size: 18px;
  }

  .home-page .hero-stage .stats .stat b {
    font-size: 24px !important;
  }

  .home-page .hero-stage .stats .stat span {
    font-size: 12px !important;
    line-height: 1.25;
  }

  .home-page .features-stack,
  .home-page .flow,
  .home-page .proc,
  .home-page .story,
  .home-page .compliance-showcase {
    padding-top: 64px !important;
    padding-bottom: 68px !important;
  }

  .home-page .feature-rotator-stage {
    --feature-cube-height: 740px;
    height: 740px !important;
    min-height: 740px;
  }

  .home-page .feature-product-action {
    min-height: 44px;
  }

  .home-page .flow-journey {
    scroll-snap-type: x proximity;
  }

  .home-page .story .story-grid {
    border-radius: 17px;
  }

  .home-page .contact-build {
    padding: 48px 14px 82px;
  }

  .home-page .contact-build-panel {
    padding: 26px 18px 20px;
  }

  .home-page footer.site {
    padding-top: 36px;
  }

  .home-page footer.site .foot-top {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    row-gap: 28px;
  }

  .home-page footer.site .foot-brand {
    grid-column: 1 / -1;
  }

  .home-page footer.site .foot-top > .foff {
    grid-column: auto !important;
  }

  .home-page footer.site .fcol {
    gap: 3px;
  }

  .home-page footer.site .fcol a {
    min-height: 28px;
    display: flex;
    align-items: center;
  }

  .home-page .contact-build-head p button {
    display: inline-flex;
    min-height: 36px;
    align-items: center;
  }

  body.home-page #dlpk-chat {
    right: 12px !important;
    bottom: calc(12px + env(safe-area-inset-bottom, 0px));
  }

  .home-page .fx-to-top {
    left: 12px !important;
    bottom: calc(12px + env(safe-area-inset-bottom, 0px));
  }
}

@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto !important;
  }

  .home-page *,
  .home-page *::before,
  .home-page *::after {
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    scroll-behavior: auto !important;
    transition-duration: .01ms !important;
  }
}


/* source: styles/module-rhythm-v144.css */
/* Talktide module rhythm v144
   Dolphlink-inspired surface cadence translated into the Talktide brand system:
   white + corporate-green rule, then pale teal, repeated throughout the site. */

:root {
  --tt-brand: #3ab15d;
  --tt-brand-hover: #31a653;
  --tt-brand-soft: #dff4e6;
  --tt-teal: #e8f7f3;
  --tt-teal-soft: #f2fbf8;
  --tt-white: #ffffff;
  --tt-ink: #171a18;
  --tt-body: #5b6861;
  --tt-line: #cfe8da;
  --green: var(--tt-brand);
  --brand: var(--tt-brand);
  --accent: var(--tt-brand);
}

html,
body {
  background: var(--tt-white);
}

/* Corporate-green controls replace the previous dark-green treatments. */
.skip-link,
.site .btn.btn-primary,
.home-page .fx-to-top,
.home-page #dlpk-chat .dcp-fab,
#dlpk-chat .dcp-fab,
.home-page .feature-product-action:not(.feature-product-action-secondary),
.popup-cta {
  background: var(--tt-brand) !important;
  border-color: var(--tt-brand) !important;
}

.skip-link:hover,
.site .btn.btn-primary:hover,
.home-page .fx-to-top:hover,
.home-page #dlpk-chat .dcp-fab:hover,
#dlpk-chat .dcp-fab:hover,
.home-page .feature-product-action:not(.feature-product-action-secondary):hover {
  background: var(--tt-brand-hover) !important;
  border-color: var(--tt-brand-hover) !important;
}

/* The navigation rail is already corporate green, so its conversion button
   stays white for contrast instead of becoming green-on-green. */
header.site .btn.btn-primary {
  color: var(--tt-brand) !important;
  background: #fff !important;
  border-color: #fff !important;
  box-shadow: none !important;
}

header.site .btn.btn-primary:hover {
  color: var(--tt-brand-hover) !important;
  background: #f3fbf6 !important;
  border-color: #f3fbf6 !important;
}

.home-page .feature-face .chip,
.home-page #heroChatPrompt,
#heroChatPrompt,
#dlpk-chat .dcp-head,
#dlpk-chat .dcp-msg.is-user,
.about-modal .about-close,
.product-detail-modal .about-close {
  color: #fff !important;
  background: var(--tt-brand) !important;
  background-image: none !important;
  border-color: rgba(255, 255, 255, .56) !important;
  box-shadow: 0 14px 34px rgba(58, 177, 93, .22) !important;
}

.home-page #heroChatPrompt:hover,
#heroChatPrompt:hover,
#dlpk-chat .dcp-head:hover {
  background: var(--tt-brand-hover) !important;
}

.about-modal-backdrop {
  background: rgba(58, 177, 93, .24) !important;
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
}

/* Homepage surface sequence: teal / white+rule / teal / white+rule. */
.home-page .hero-stage {
  background: var(--tt-white) !important;
  border-bottom: 0 !important;
}

.home-page .region-transition {
  height: clamp(54px, 5vw, 74px) !important;
  min-height: 0 !important;
  background: var(--tt-white) !important;
  background-image: none !important;
  border-top: 6px solid var(--tt-brand);
  border-bottom: 1px solid var(--tt-line);
}

.home-page .region-transition::before,
.home-page .region-transition::after {
  display: none !important;
  content: none !important;
}

.home-page .features-stack,
.home-page .proc,
.home-page .compliance-showcase {
  background: var(--tt-teal) !important;
  background-image: none !important;
  border-top: 1px solid rgba(58, 177, 93, .18);
  border-bottom: 1px solid rgba(58, 177, 93, .18);
}

.home-page .flow,
.home-page .story,
.home-page .contact-build {
  background: var(--tt-white) !important;
  background-image: none !important;
  border-top: 6px solid var(--tt-brand);
  border-bottom: 1px solid var(--tt-line);
}

.home-page .features-stack .feature-face,
.home-page .proc .process-grid,
.home-page .compliance-showcase .cmpl,
.home-page .contact-build-panel,
.home-page .story .story-grid,
.home-page .flow .flow-journey {
  border-color: var(--tt-line) !important;
}

.home-page .features-stack .feature-face,
.home-page .proc .pstep,
.home-page .compliance-showcase .cmpl,
.home-page .contact-build-panel {
  background-color: rgba(255, 255, 255, .96) !important;
}

.home-page .flow .bubble,
.home-page .flow .fsteps,
.home-page .story .story-grid {
  background-color: var(--tt-white) !important;
}

/* One brand accent language for headings, rules, icons and interactive states. */
.home-page .section-heading-v133 .section-heading-eyebrow,
.home-page .section-heading-v133 .section-heading-divider,
.home-page .section-heading-v133 .section-heading-divider > .ti,
.home-page .feature-section-eyebrow,
.home-page .solution-kicker,
.home-page .cmpl-kicker,
.home-page .contact-build-eyebrow,
.home-page .flow .ic,
.home-page .proc .pn,
.home-page .feature-face .fic,
.home-page .feature-face .more,
.home-page .story a {
  color: var(--tt-brand) !important;
}

.home-page .section-heading-v133 .section-heading-divider::before,
.home-page .section-heading-v133 .section-heading-divider::after {
  background: var(--tt-brand) !important;
  box-shadow: none !important;
}

.home-page .section-heading-v133 *,
.home-page .section-heading-v133 *::before,
.home-page .section-heading-v133 *::after {
  text-shadow: none !important;
}

.home-page .hero-times .clocks,
.home-page header.site .nav-rail,
.home-page header.site .nav-shell {
  background-color: var(--tt-brand) !important;
}

.home-page .hero-times .clocks {
  border-color: var(--tt-brand) !important;
  box-shadow: none !important;
}

/* The footer keeps its established layout but uses the actual corporate green. */
footer.site,
.home-page footer.site {
  color: #fff !important;
  background: var(--tt-brand) !important;
  background-image: none !important;
  border-top: 6px solid var(--tt-brand-hover) !important;
  box-shadow: none !important;
}

footer.site::before,
footer.site::after {
  background-image: none !important;
}

footer.site .fcol h4,
footer.site .foff b,
footer.site .fcol a,
footer.site .foot-brand p,
footer.site .foff p,
footer.site .foot-bottom,
footer.site .foot-bottom button {
  color: #fff !important;
  text-shadow: none !important;
}

footer.site .fcol a:hover,
footer.site .foot-bottom button:hover {
  color: #fff !important;
  text-decoration: underline;
}

footer.site .foot-social a {
  color: #fff !important;
  background: rgba(255, 255, 255, .16) !important;
  border-color: rgba(255, 255, 255, .34) !important;
}

footer.site .foot-bottom {
  border-top-color: rgba(255, 255, 255, .28) !important;
}

/* Products, solutions, About and legal pages use the same module cadence. */
.main-shell {
  background: var(--tt-white);
}

body:not(.home-page) .main-shell .subpage-hero {
  color: #fff;
  background-color: #3ab15d !important;
  background-image: none !important;
}

body:not(.home-page) .main-shell .subpage-hero :is(h1, p, .section-label, .sol-back) {
  color: #fff !important;
  text-shadow: none !important;
}

body:not(.home-page) .main-shell .subpage-hero .section-label::before,
body:not(.home-page) .main-shell .subpage-hero .section-label::after,
body:not(.home-page) .main-shell .subpage-hero::after {
  background: rgba(255, 255, 255, .76) !important;
}

.main-shell .terms-section,
.main-shell .terms-document {
  display: grid;
  gap: 0;
  overflow: hidden;
  border: 1px solid var(--tt-line);
  border-radius: 22px;
  background: var(--tt-white);
  box-shadow: 0 18px 44px rgba(58, 177, 93, .07);
}

.main-shell .terms-clause {
  margin: 0 !important;
  padding: clamp(26px, 3vw, 38px) !important;
  border: 0 !important;
}

.main-shell .terms-clause:nth-of-type(odd) {
  background: var(--tt-white) !important;
  box-shadow: inset 0 5px 0 var(--tt-brand);
}

.main-shell .terms-clause:nth-of-type(even) {
  background: var(--tt-teal) !important;
}

.main-shell .about-intro,
.main-shell .privacy-intro,
.main-shell .privacy-contact {
  background: var(--tt-teal) !important;
  border-color: var(--tt-line) !important;
}

.main-shell :is(.terms-clause h2, .scn h3, .feat b, .case b, .about-intro strong, .privacy-contact a) {
  color: var(--tt-brand) !important;
}

.main-shell .terms-clause h2::before,
.main-shell .subpage-hero::after {
  background: var(--tt-brand) !important;
  box-shadow: none !important;
}

/* Product and solution detail documents repeat the same white/teal cadence. */
.popup-shell .popup-section {
  border-color: var(--tt-line) !important;
  box-shadow: 0 16px 40px rgba(58, 177, 93, .07) !important;
}

.popup-shell .popup-section:nth-of-type(odd) {
  background: var(--tt-white) !important;
  box-shadow:
    inset 0 5px 0 var(--tt-brand),
    0 16px 40px rgba(58, 177, 93, .07) !important;
}

.popup-shell .popup-section:nth-of-type(even) {
  background: var(--tt-teal) !important;
}

.popup-shell .scenario,
.popup-shell .case {
  border-color: var(--tt-line) !important;
  border-left-color: var(--tt-brand) !important;
  background: rgba(255, 255, 255, .9) !important;
}

.popup-shell :is(.scenario h3, .case b, .popup-eyebrow) {
  color: var(--tt-brand) !important;
}

.popup-cta a {
  color: var(--tt-brand) !important;
}

@media (max-width: 700px) {
  .home-page .region-transition {
    height: 40px !important;
    border-top-width: 4px;
  }

  .home-page .flow,
  .home-page .story,
  .home-page .contact-build {
    border-top-width: 4px;
  }

  .main-shell .terms-section,
  .main-shell .terms-document {
    border-radius: 16px;
  }

  .main-shell .terms-clause {
    padding: 24px 18px !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .home-page .region-transition,
  .home-page .features-stack,
  .home-page .flow,
  .home-page .proc,
  .home-page .story,
  .home-page .compliance-showcase,
  .home-page .contact-build {
    transition: none !important;
  }
}


/* source: styles/uiux-20-v145.css */
/* Talktide UI/UX v145 — twenty measured refinement rounds.
   This layer follows the spacing discipline of the Dolphlink reference while
   retaining Talktide's corporate green, content, assets and page structure. */

:root {
  --tt-v145-green: #3ab15d;
  --tt-v145-green-hover: #31a653;
  --tt-v145-teal: #e8f7f3;
  --tt-v145-line: #cfe8da;
  --tt-v145-ink: #171a18;
  --tt-v145-copy: #536159;
  --tt-v145-content: 1344px;
  --tt-v145-reading: 760px;
  --tt-v145-radius: 22px;
  --tt-v145-section-pad: 72px;

  /* Retire legacy dark-green brand aliases. The enterprise green is now the
     only chromatic accent across the current site and all popup surfaces. */
  --g: var(--tt-v145-green);
  --g-d: var(--tt-v145-green);
  --g-dd: var(--tt-v145-green);
  --g-deep: var(--tt-v145-green);
  --baiwu-blue-primary: var(--tt-v145-green);
  --baiwu-blue-deep: var(--tt-v145-green);
  --legal-brand: var(--tt-v145-green);
  --legal-brand-deep: var(--tt-v145-green);
  --sme-blue: var(--tt-v145-green);
  --sme-blue-deep: var(--tt-v145-green);
}

/* Legacy modules used hard-coded greens for labels and iconography. Unify
   those visible accents without recolouring neutral body copy. */
.home-page :is(
  .hero .eyebrow,
  .hero .hero-check i,
  .hero .btn-ghost,
  .feature-arrow,
  .feature-product-action-secondary,
  .flow .lk,
  .flow .voice-ui,
  .flow .mini-action,
  .flow .ok,
  .industry-card .lbl,
  .industry-card .more,
  .solution-eyebrow,
  .solution-link,
  .proc-support .ic,
  .compl-grid .ic,
  .cmpl-tags span
) {
  color: var(--tt-v145-green) !important;
}

.home-page .solution-detail b {
  color: var(--tt-v145-green) !important;
}

/* 01 — One deterministic content frame and balanced desktop gutters. */
.home-page main > section > .wrap,
.home-page footer.site > .wrap,
.home-page .flow > .wrap,
.home-page .proc > .wrap,
.home-page .story > .wrap,
.home-page .compliance-inner {
  width: min(100%, var(--tt-v145-content)) !important;
  max-width: var(--tt-v145-content) !important;
  margin-inline: auto !important;
  padding-inline: 32px !important;
}

/* 02 — A consistent vertical rhythm replaces section-by-section drift. */
.home-page .features-stack,
.home-page .flow,
.home-page .proc,
.home-page .story,
.home-page .compliance-showcase {
  padding-top: var(--tt-v145-section-pad) !important;
  padding-bottom: var(--tt-v145-section-pad) !important;
}

/* 03 — Major section headings share one width, alignment and cadence. */
.home-page :is(
  .feature-section-head,
  .flow-section-head,
  .process-section-head,
  .story-section-head,
  .compliance-head,
  .contact-build-head
) {
  width: min(100%, 1180px) !important;
  height: auto !important;
  min-height: 0 !important;
  margin: 0 auto 38px !important;
  padding: 0 28px !important;
  text-align: center !important;
}

/* 04 — Fixed type roles keep headings and paragraphs predictable. */
.home-page :is(
  .feature-section-head,
  .flow-section-head,
  .process-section-head,
  .story-section-head,
  .compliance-head,
  .contact-build-head
) h2 {
  max-width: 980px !important;
  margin: 16px auto 0 !important;
  font-size: 40px !important;
  line-height: 1.12 !important;
  letter-spacing: -.035em !important;
}

.home-page :is(
  .feature-section-head,
  .flow-section-head,
  .process-section-head,
  .story-section-head,
  .compliance-head,
  .contact-build-head
) p {
  max-width: var(--tt-v145-reading) !important;
  margin: 18px auto 0 !important;
  color: var(--tt-v145-copy) !important;
  font-size: 17px !important;
  line-height: 1.65 !important;
}

/* 05 — Eyebrows and dividers use the same visual grammar everywhere. */
.home-page :is(
  .feature-section-eyebrow,
  .section-heading-eyebrow,
  .compliance-eyebrow,
  .contact-build-eyebrow
) {
  color: var(--tt-v145-green) !important;
  font-size: 12px !important;
  font-weight: 760 !important;
  line-height: 1.2 !important;
  letter-spacing: .14em !important;
}

.home-page :is(.section-heading-divider, .feature-section-divider, .compliance-ornament) {
  width: 214px !important;
  margin: 20px auto 0 !important;
}

body.home-page main :is(.section-heading-divider, .feature-section-divider, .compliance-ornament) {
  width: 190px !important;
  margin: 16px auto 0 !important;
}

body.home-page main .section-heading-v133 .section-heading-divider {
  width: 190px !important;
  margin: 16px auto 0 !important;
}

body.home-page main :is(
  .feature-section-head,
  .flow-section-head,
  .process-section-head,
  .story-section-head,
  .compliance-head,
  .contact-build-head
) p {
  margin-top: 14px !important;
}

/* 06 — Header dimensions and navigation targets match the reference density. */
header.site {
  height: 60px !important;
  min-height: 60px !important;
  padding-inline: clamp(24px, 2.4vw, 40px) !important;
}

header.site .brand {
  min-height: 60px !important;
}

header.site .brand img {
  width: 180px !important;
  height: auto !important;
  max-height: 44px !important;
  object-fit: contain !important;
}

header.site nav {
  gap: 10px !important;
}

header.site nav > a,
header.site .lang-btn,
header.site .btn.btn-primary {
  min-height: 40px !important;
  padding-block: 0 !important;
}

body.tt-scrolled header.site {
  box-shadow: 0 10px 28px rgba(22, 51, 35, .10) !important;
}

/* 07 — Hero regains the generous, reference-like reading frame. */
.home-page .hero-stage .hero {
  min-height: 660px !important;
  height: 660px !important;
}

.home-page .hero-stage .hero .hcopy {
  width: min(54%, 780px) !important;
  max-width: 780px !important;
  min-height: 660px !important;
  padding: 68px 48px 62px clamp(48px, 5vw, 76px) !important;
  align-content: center !important;
}

.home-page .hero-stage .hero .hcopy h1 {
  max-width: 660px !important;
  margin-top: 24px !important;
  font-size: 52px !important;
  line-height: 1.08 !important;
  letter-spacing: -.045em !important;
}

.home-page .hero-stage .hero .hcopy .lead {
  max-width: 650px !important;
  margin-top: 22px !important;
  font-size: 17px !important;
  line-height: 1.62 !important;
}

/* 08 — Hero benefits and CTAs form a cleaner two-column decision block. */
.home-page .hero-checks {
  max-width: 650px !important;
  margin-top: 28px !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 15px 24px !important;
}

.home-page .hero-check {
  min-height: 34px !important;
}

.home-page .hero .cta-row {
  margin-top: 28px !important;
  gap: 14px !important;
}

.home-page .hero .cta-row .btn {
  min-width: 210px !important;
  min-height: 50px !important;
}

/* 09 — Time, metrics and partner proof become one compact support band. */
.home-page .hero-times {
  padding: 18px 0 10px !important;
}

.home-page .hero-times .clocks {
  width: min(calc(100% - 64px), 1060px) !important;
  max-width: 1060px !important;
  min-height: 40px !important;
}

.home-page .stats {
  padding: 10px 0 22px !important;
}

.home-page .stats .wrap {
  min-height: 84px !important;
}

.home-page .trust {
  padding: 24px 0 30px !important;
}

.home-page .trust .tt {
  margin-bottom: 18px !important;
}

/* 10 — Partner marks are clear but no longer dominate the page rhythm. */
.home-page .partner-marquee {
  min-height: 76px !important;
}

.home-page .partner-group {
  gap: 16px !important;
}

.home-page .partner-group img {
  width: 132px !important;
  height: 76px !important;
  padding: 12px 14px !important;
  border-radius: 14px !important;
}

.home-page .region-transition {
  height: 48px !important;
}

/* 11 — Product section density is reduced without shrinking its content. */
.home-page .features-stack {
  padding-bottom: 54px !important;
}

body.home-page main > .region-transition + .features-stack {
  padding-top: var(--tt-v145-section-pad) !important;
}

.home-page .feature-section-head {
  margin-bottom: 34px !important;
}

.home-page .feature-rotator-stage {
  width: min(calc(100% - 64px), 1040px) !important;
  max-width: 1040px !important;
  height: 488px !important;
}

/* 12 — Product cards use a stable image/copy split and aligned actions. */
.home-page .feature-face {
  width: 100% !important;
  height: 448px !important;
  min-height: 448px !important;
  grid-template-columns: 48% 52% !important;
  border-radius: var(--tt-v145-radius) !important;
}

.home-page .feature-face .fcopy {
  padding: 34px 38px !important;
}

.home-page .feature-face .fcopy h2 {
  margin-top: 12px !important;
  font-size: 28px !important;
  line-height: 1.16 !important;
}

.home-page .feature-face .flist {
  margin-top: 18px !important;
  gap: 12px !important;
}

.home-page .feature-product-actions {
  margin-top: 20px !important;
}

.home-page .feature-rotator-hint {
  width: fit-content !important;
  margin: 12px auto 0 !important;
  padding: 6px 12px !important;
  background: rgba(255, 255, 255, .56) !important;
  border: 1px solid rgba(58, 177, 93, .18) !important;
  border-radius: 999px !important;
}

/* 13 — Conversation journey cards become easier to scan and less tall. */
.home-page .flow-section-head {
  margin-bottom: 34px !important;
}

.home-page .flow-journey {
  margin-top: 0 !important;
}

.home-page .flow-steps,
.home-page .flow .bubbles {
  gap: 16px !important;
}

.home-page .flow .bubbles {
  margin-top: 20px !important;
}

.home-page .flow .bubble {
  padding: 18px !important;
  border-radius: 16px !important;
}

.home-page .flow .travel-card img {
  max-height: 116px !important;
}

/* 14 — Process steps align content, icons and support outcomes. */
.home-page .process-section-head {
  margin-bottom: 34px !important;
}

.home-page .proc-steps {
  border-radius: var(--tt-v145-radius) var(--tt-v145-radius) 0 0 !important;
  overflow: hidden !important;
}

.home-page .pstep {
  min-height: 264px !important;
  padding: 30px !important;
}

.home-page .p-art {
  display: grid !important;
  place-items: center !important;
  width: 52px !important;
  height: 52px !important;
  right: 24px !important;
  bottom: 22px !important;
  color: var(--tt-v145-green) !important;
  font-size: 44px !important;
  background: transparent !important;
}

.home-page .p-art::before,
.home-page .p-art::after {
  content: none !important;
  display: none !important;
}

.home-page .proc-support {
  min-height: 76px !important;
  padding-block: 14px !important;
}

/* 15 — Customer story gets tighter copy columns and balanced image weight. */
.home-page .story-section-head {
  margin-bottom: 34px !important;
}

.home-page .story-grid {
  min-height: 440px !important;
  height: 440px !important;
  grid-template-columns: 36% 64% !important;
  border-radius: var(--tt-v145-radius) !important;
}

.home-page .story .scol {
  padding: 30px 32px !important;
}

.home-page .story .sov {
  padding: 30px !important;
}

/* 16 — Compliance cards are compact, aligned and visibly interactive. */
.home-page .compliance-head {
  margin-bottom: 34px !important;
}

.home-page .compl-grid {
  width: min(100%, 1040px) !important;
  gap: 16px !important;
}

.home-page .cmpl {
  min-height: 238px !important;
  padding: 28px !important;
  border-radius: 18px !important;
  cursor: pointer !important;
  transition: transform .22s ease, border-color .22s ease, box-shadow .22s ease !important;
}

.home-page .cmpl:hover {
  transform: translateY(-4px) !important;
  border-color: rgba(58, 177, 93, .48) !important;
  box-shadow: 0 18px 38px rgba(35, 111, 63, .12) !important;
}

body.home-page main .compliance-showcase .cmpl {
  min-height: 0 !important;
  padding: 22px !important;
}

body.home-page main .compliance-showcase .cmpl-head {
  margin-bottom: 12px !important;
}

body.home-page main .compliance-showcase .cmpl-head .ic {
  width: 42px !important;
  height: 42px !important;
}

body.home-page main .compliance-showcase .cmpl > p {
  margin-top: 6px !important;
  line-height: 1.55 !important;
}

body.home-page main .compliance-showcase .cmpl-tags {
  margin-top: 10px !important;
}

body.home-page main .compliance-showcase .cmpl-action {
  min-height: 28px !important;
  margin-top: 10px !important;
}

/* 17 — Regional contact panel loses excess blank space. */
.home-page .contact-build {
  min-height: 0 !important;
  padding: 72px 32px 80px !important;
}

.home-page .contact-build-panel {
  width: min(100%, 1180px) !important;
  min-height: 0 !important;
  padding: 44px !important;
  border-radius: var(--tt-v145-radius) !important;
}

.home-page .contact-build-head {
  margin-bottom: 34px !important;
}

.home-page .contact-team-grid {
  gap: 18px !important;
}

.home-page .contact-person {
  min-height: 148px !important;
  padding: 24px !important;
}

/* 18 — Footer hierarchy is clearer and closer to the header's density. */
footer.site,
.home-page footer.site {
  padding-top: 36px !important;
  padding-bottom: 20px !important;
  border-radius: 26px 26px 0 0 !important;
}

footer.site .foot-top {
  gap: 34px !important;
}

footer.site .foot-bottom {
  margin-top: 24px !important;
  padding-top: 18px !important;
}

/* 19 — Floating support stays available without covering every module. */
.home-page #dlpk-chat.is-scrolled .dcp-nudge {
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
  transform: translate(12px, -50%) scale(.96) !important;
}

.home-page #dlpk-chat.is-scrolled #dlpk-bubble {
  box-shadow: 0 12px 30px rgba(38, 129, 69, .24) !important;
}

.home-page .fx-to-top,
.home-page #dlpk-bubble {
  width: 52px !important;
  height: 52px !important;
}

/* 20 — Responsive, keyboard and motion behavior share one quality floor. */
:where(a, button, [tabindex]):focus-visible {
  outline: 3px solid rgba(58, 177, 93, .72) !important;
  outline-offset: 4px !important;
}

:where(#features, #flow, #story, #compliance, #cta) {
  scroll-margin-top: 76px;
}

@media (max-width: 1199px) {
  :root {
    --tt-v145-section-pad: 64px;
  }

  .home-page .hero-stage .hero {
    min-height: 640px !important;
    height: 640px !important;
  }

  .home-page .hero-stage .hero .hcopy {
    min-height: 640px !important;
    padding: 56px 40px !important;
  }

  .home-page .hero-stage .hero .hcopy h1 {
    font-size: 44px !important;
  }

  .home-page :is(
    .feature-section-head,
    .flow-section-head,
    .process-section-head,
    .story-section-head,
    .compliance-head,
    .contact-build-head
  ) h2 {
    font-size: 36px !important;
  }

  .home-page .feature-rotator-stage {
    width: min(calc(100% - 48px), 980px) !important;
  }
}

@media (max-width: 900px) {
  header.site {
    height: 58px !important;
    min-height: 58px !important;
    padding-inline: 16px !important;
  }

  header.site .brand {
    min-height: 58px !important;
  }

  header.site .brand img {
    width: 156px !important;
  }

  .home-page .hero-stage .hero,
  .home-page .hero-stage .hero .hcopy {
    min-height: 700px !important;
    height: 700px !important;
  }

  .home-page .hero-stage .hero .hcopy {
    width: min(62%, 610px) !important;
  }

  .home-page .story-grid {
    grid-template-columns: 42% 58% !important;
  }

  body.home-page main .proc .proc-steps,
  body.home-page main .proc .proc-support {
    display: grid !important;
    grid-template-columns: 1fr !important;
    grid-auto-flow: row !important;
    grid-auto-columns: minmax(0, 1fr) !important;
    width: 100% !important;
  }

  body.home-page main .proc .pstep,
  body.home-page main .proc .psup {
    width: 100% !important;
    max-width: none !important;
    transform: none !important;
  }
}

@media (max-width: 700px) {
  :root {
    --tt-v145-section-pad: 52px;
  }

  .home-page main > section > .wrap,
  .home-page footer.site > .wrap,
  .home-page .flow > .wrap,
  .home-page .proc > .wrap,
  .home-page .story > .wrap,
  .home-page .compliance-inner {
    padding-inline: 18px !important;
  }

  .home-page .hero-stage .hero,
  .home-page .hero-stage .hero .hcopy {
    min-height: 0 !important;
    height: auto !important;
  }

  .home-page .hero-stage .hero .hcopy {
    width: calc(100% - 24px) !important;
    margin: 12px !important;
    padding: 28px 20px 24px !important;
  }

  .home-page .hero-stage .hero .hcopy h1 {
    margin-top: 20px !important;
    font-size: 36px !important;
    line-height: 1.1 !important;
  }

  .home-page .hero-stage .hero .hcopy .lead {
    margin-top: 18px !important;
    font-size: 16px !important;
  }

  .home-page .hero-checks {
    margin-top: 22px !important;
    grid-template-columns: 1fr !important;
    gap: 10px !important;
  }

  .home-page .hero .cta-row {
    margin-top: 22px !important;
    grid-template-columns: 1fr !important;
  }

  .home-page .hero .cta-row .btn {
    width: 100% !important;
    min-width: 0 !important;
  }

  .home-page :is(
    .feature-section-head,
    .flow-section-head,
    .process-section-head,
    .story-section-head,
    .compliance-head,
    .contact-build-head
  ) {
    margin-bottom: 30px !important;
    padding-inline: 0 !important;
  }

  .home-page :is(
    .feature-section-head,
    .flow-section-head,
    .process-section-head,
    .story-section-head,
    .compliance-head,
    .contact-build-head
  ) h2 {
    font-size: 32px !important;
    line-height: 1.15 !important;
  }

  .home-page :is(
    .feature-section-head,
    .flow-section-head,
    .process-section-head,
    .story-section-head,
    .compliance-head,
    .contact-build-head
  ) p {
    margin-top: 16px !important;
    font-size: 16px !important;
  }

  .home-page .hero-times .clocks {
    width: calc(100% - 28px) !important;
  }

  .home-page .partner-group img {
    width: 120px !important;
    height: 68px !important;
  }

  .home-page .region-transition {
    height: 34px !important;
  }

  .home-page .feature-rotator-stage {
    width: calc(100% - 28px) !important;
    height: auto !important;
  }

  .home-page .feature-face {
    height: auto !important;
    min-height: 0 !important;
    grid-template-columns: 1fr !important;
  }

  .home-page .feature-face .fcopy {
    padding: 26px 22px !important;
  }

  .home-page .feature-face .fcopy h2 {
    font-size: 26px !important;
  }

  .home-page .flow-journey {
    margin-inline: -18px !important;
    padding-inline: 18px !important;
  }

  .home-page .proc-steps,
  .home-page .proc-support,
  .home-page .story-grid,
  .home-page .compl-grid,
  .home-page .contact-team-grid {
    grid-template-columns: 1fr !important;
  }

  .home-page .pstep {
    min-height: 250px !important;
    padding: 26px !important;
  }

  .home-page .story-grid {
    height: auto !important;
    min-height: 0 !important;
  }

  .home-page .story .simg {
    min-height: 360px !important;
  }

  .home-page .story .simg img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
  }

  body.home-page main .story .story-body {
    display: grid !important;
    grid-template-columns: 1fr !important;
  }

  body.home-page main .story .story-body .scol {
    min-height: 0 !important;
    padding: 26px 24px !important;
  }

  .home-page .cmpl {
    min-height: 220px !important;
    padding: 24px !important;
  }

  .home-page .contact-build {
    padding: 52px 14px 60px !important;
  }

  .home-page .contact-build-panel {
    padding: 30px 20px !important;
  }

  .home-page .contact-person {
    min-height: 0 !important;
    padding: 22px !important;
  }

  body.home-page #dlpk-chat {
    right: 10px !important;
    bottom: calc(4px + env(safe-area-inset-bottom, 0px)) !important;
  }

  footer.site,
  .home-page footer.site {
    border-radius: 20px 20px 0 0 !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    scroll-behavior: auto !important;
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .01ms !important;
  }
}


/* source: styles/product-seven-v146.css */
/* Talktide product carousel v146 — seven independent product stories. */

.home-page .feature-rotator-controls {
  display: grid !important;
  grid-template-columns: 46px minmax(0, 1fr) 46px;
  align-items: center;
  gap: 8px 12px !important;
  width: min(100%, 620px) !important;
}

.home-page .feature-prev {
  grid-column: 1;
}

.home-page .feature-dots {
  grid-column: 2;
  min-width: 0;
}

.home-page .feature-next {
  grid-column: 3;
}

.home-page .feature-rotator-counter {
  grid-column: 1 / -1;
  grid-row: 2;
  justify-self: center;
  min-height: 28px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 5px 13px;
  border: 1px solid rgba(58, 177, 93, .2);
  border-radius: 999px;
  background: rgba(255, 255, 255, .72);
  color: #3ab15d;
  font-size: 12px;
  font-weight: 760;
  line-height: 1.4;
  letter-spacing: .035em;
  box-shadow: none;
}

.home-page .feature-rotator .feature-face-6,
.home-page .feature-rotator .feature-face-7 {
  position: absolute;
  inset: 0;
  z-index: 1;
  width: 100%;
  height: auto !important;
  min-height: var(--feature-panel-min-height);
  display: grid;
  grid-template-columns: minmax(0, 51%) minmax(0, 49%);
  align-items: stretch;
  overflow: hidden;
  border: 1px solid #dce8df;
  border-radius: 20px;
  background: #fff;
  box-shadow: 0 24px 58px rgba(58, 177, 93, .12);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transform: none;
  backface-visibility: visible;
  -webkit-backface-visibility: visible;
}

.home-page .feature-rotator .feature-face-6.is-active,
.home-page .feature-rotator .feature-face-7.is-active {
  position: relative;
  z-index: 2;
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}

@media (max-width: 640px) {
  .home-page .feature-rotator-controls {
    grid-template-columns: 42px minmax(0, 1fr) 42px;
    gap-inline: 5px !important;
    padding-inline: 10px;
  }

  .home-page .feature-arrow {
    width: 42px !important;
    height: 42px !important;
  }

  .home-page .feature-dots {
    gap: 0 !important;
  }

  .home-page .feature-dot,
  .home-page .feature-dot[aria-current="true"] {
    width: 32px !important;
    height: 42px !important;
  }

  .home-page .feature-dot::after {
    width: 7px;
    height: 7px;
  }

  .home-page .feature-dot.active::after,
  .home-page .feature-dot[aria-current="true"]::after {
    width: 15px;
  }

  .home-page .feature-rotator-counter {
    max-width: calc(100vw - 36px);
    min-height: 26px;
    padding: 4px 11px;
    font-size: 11px;
  }
}


/* source: styles/refine-v148.css */
/* ============================================================================
   refine-v148.css — Claude design optimization pass (2026-07-20)
   Top-of-cascade refinement layer. Loaded LAST on every public page.
   Each block is one scoped round. Do not fold earlier layers into this file;
   this only overrides, never replaces. Preserve Talktide green #3ab15d.
   ============================================================================ */

/* --- R1 — Footer navigation legibility -------------------------------------
   Bug: .fcol links computed to inline-block, so short adjacent links packed
   onto one row and read as a single garbled label ("SMS MMS RCS Voice",
   "Financial Services New Retail", "Mobile Internet Food & Beverage").
   Fix: each footer nav link is its own line item on every page.            */
footer.site .foot-top .fcol a {
  display: block !important;
  width: fit-content;
  max-width: 100%;
}

/* --- R2 — Footer brand logo legibility on green ----------------------------
   Bug: logo-talktide-official-web.png is a green icon + black wordmark. On the
   solid-green footer the icon disappears and black-on-green is off-brand.
   Fix: reverse the lockup to a clean white silhouette (standard footer logo). */
footer.site .foot-brand .fb img {
  filter: brightness(0) invert(1);
  opacity: .96;
}

/* --- R4 — Footer social icon sizing ----------------------------------------
   Bug: the Tabler glyphs computed to 9px inside 38px buttons, reading as faint
   specks. Fix: size them to the button (18px) for a clear, tappable mark.     */
footer.site .foot-social a i.ti {
  font-size: 18px !important;
  line-height: 1;
}

/* --- R6 — Journey demo link wrap -------------------------------------------
   Bug: the mock SMS link broke mid-token ("http" / "s://prb.to/abc123") because
   the bubble wraps anywhere. Fix: break only at word boundaries so the short
   link stays intact and reads like a real message.                           */
.flow .bubble .lk {
  overflow-wrap: break-word;
  word-break: normal;
}

/* --- R8 — Consistent branded focus ring on header controls -----------------
   Bug: header nav links fell back to the UA near-black focus outline while
   every other control uses the Talktide-green ring. Fix: unify the keyboard
   focus affordance across the header.                                        */
header .brand:focus-visible,
header #site-nav a:focus-visible,
header .nav-toggle:focus-visible,
header .lang-btn:focus-visible,
header .lang-menu button:focus-visible {
  outline: 3px solid rgba(49, 173, 91, .55);
  outline-offset: 2px;
  border-radius: 8px;
}

/* --- R10 — Process step numbers ---------------------------------------------
   Bug: the "1 / 2 / 3" digits in .pn exist in markup but a later rule painted
   them var(--tt-brand) green — the same green as the disc — so the step markers
   rendered as blank dots and lost their sequence meaning. Fix: white digits.  */
.proc .pstep .pn {
  color: #fff !important;
}

/* --- R11 — Contact Sales in the mobile menu --------------------------------
   Bug: on mobile the header "Contact Sales" button AND the .mobile-nav-contact
   link were both display:none (conflicting media rules resolved to hidden), so
   the primary conversion CTA was entirely absent from mobile navigation. Fix:
   surface it as a prominent action at the foot of the open mobile menu.       */
@media (max-width: 860px) {
  header.site nav.open .mobile-nav-contact {
    display: flex !important;
    align-items: center;
    justify-content: center;
    gap: 8px;
    margin-top: 10px;
    padding: 13px 18px;
    border-radius: 12px;
    background: var(--g, #3ab15d) !important;
    color: #fff !important;
    font-weight: 700;
    text-align: center;
  }
}


/* source: styles/bold-v149.css */
/* ============================================================================
   bold-v149.css — Claude "bold" aesthetic elevation (2026-07-20)
   Operator explicitly authorized a bolder visual direction on top of the
   accepted v147 design. Loaded LAST (after refine-v148). Guardrails held:
   Talktide green #3ab15d, MY/ID imagery, hero video, corrected logo, seven-
   product carousel, Tabler icons only, readable type, no dark-green surfaces.
   Decorative/elevation layer only — headline size and hero copy stay in the
   video safe area.
   ============================================================================ */

/* --- Hero: eyebrow pill badge ---------------------------------------------- */
.hero .hcopy .eyebrow{
  display:inline-flex; align-items:center; gap:9px;
  padding:8px 15px; border-radius:999px;
  background:rgba(58,177,93,.12);
  border:1px solid rgba(58,177,93,.30);
  -webkit-backdrop-filter:blur(8px); backdrop-filter:blur(8px);
  box-shadow:0 2px 10px rgba(31,122,68,.10);
}

/* --- Hero: headline confidence (size unchanged) ---------------------------- */
.hero .hcopy h1{ letter-spacing:-.022em; }

/* --- Hero: tactile glass benefit pills with gradient icon coins ------------- */
.hero .hcopy .hero-checks{ gap:12px 14px; }
.hero .hcopy .hero-check{
  padding:10px 15px 10px 11px; border-radius:14px;
  background:rgba(255,255,255,.72);
  border:1px solid rgba(31,122,68,.14);
  -webkit-backdrop-filter:blur(10px) saturate(115%); backdrop-filter:blur(10px) saturate(115%);
  box-shadow:0 8px 22px rgba(15,63,36,.08);
  transition:transform .24s cubic-bezier(.22,.61,.36,1), box-shadow .24s;
}
.hero .hcopy .hero-check:hover{ transform:translateY(-2px); box-shadow:0 14px 30px rgba(15,63,36,.14); }
.hero .hcopy .hero-check i.ti{
  display:inline-flex; align-items:center; justify-content:center;
  width:30px; height:30px; border-radius:9px;
  background:linear-gradient(140deg,#2f9d51,#28894a);
  color:#fff !important; font-size:16px;
  box-shadow:0 4px 10px rgba(47,154,80,.30);
}
/* Mobile hero sits on a dark scrim with white text -> keep chips dark-tinted */
@media (max-width:860px){
  .hero .hcopy .hero-check{
    background:rgba(18,58,38,.34);
    border:1px solid rgba(255,255,255,.20);
  }
}

/* --- Site-wide: content-area primary/ghost CTAs ---------------------------
   Scoped to `main` so the header "Contact Sales" (on the green header) is not
   repainted. Matches the hero CTA language across every page.               */
main .btn.btn-primary{
  background:linear-gradient(135deg,#3ab15d 0%,#2c9a4e 100%) !important;
  box-shadow:0 12px 28px rgba(31,142,73,.28);
  transition:transform .22s cubic-bezier(.22,.61,.36,1), box-shadow .22s;
}
main .btn.btn-primary:hover{
  transform:translateY(-2px);
  box-shadow:0 20px 42px rgba(31,142,73,.40);
}
main .btn.btn-ghost{
  -webkit-backdrop-filter:blur(8px); backdrop-filter:blur(8px);
  transition:transform .22s cubic-bezier(.22,.61,.36,1), background .22s, box-shadow .22s;
}
main .btn.btn-ghost:hover{ transform:translateY(-2px); }

/* --- Site-wide: feature bullet icons -> gradient coins ----------------------
   .fic was a flat mint circle with a green glyph; lift to the same gradient
   coin as the hero chips for a consistent, vivid icon language.              */
.flist .fi .fic{
  background:linear-gradient(140deg,#2f9d51,#28894a) !important;
  box-shadow:0 5px 12px rgba(47,154,80,.26);
}
.flist .fi .fic .ti{ color:#fff !important; }

/* --- Site-wide: unify remaining icon wrappers as gradient coins ------------
   Proof stats, connected-journey steps, compliance cards and the process
   support strip shared a flat/outlined icon look. Lift them to the same
   rounded-square gradient coin as the hero chips so the whole page speaks one
   vivid icon language. Glyphs shrink to sit balanced inside the coin.        */
.stats .stat .si,
.flow .ic,
.compl .cmpl .ic,
.proc .psup .ic{
  background:linear-gradient(140deg,#2f9d51,#28894a) !important;
  border:0 !important;
  border-radius:13px !important;
  box-shadow:0 6px 15px rgba(47,154,80,.24) !important;
}
.stats .stat .si .ti,
.flow .ic .ti,
.compl .cmpl .ic .ti,
.proc .psup .ic .ti{
  color:#fff !important;
  font-size:22px !important;
}
.stats .stat .si{ width:44px !important; height:44px !important; }

/* --- Deep pass DR1 note: coin fill deepened to #2f9d51->#28894a so white
   glyphs clear WCAG 3:1 non-text contrast (was #3ab15d, ~2.75:1). Brand accent
   #3ab15d preserved on eyebrows, labels and links. -------------------------- */

/* --- Deep pass DR3: comfortable tap target for the product "Explore X" CTAs
   on touch. They measured ~32-37px tall on mobile; give them a 44px min touch
   height without changing desktop layout.                                    */
@media (max-width:860px){
  .feature-product-action{
    min-height:44px;
    display:inline-flex;
    align-items:center;
    gap:8px;
  }
}

/* --- Deep pass DR8: reading comfort ----------------------------------------
   Headings already use text-wrap:balance. Add text-wrap:pretty to running copy
   so the last line never drops a single orphan word. Progressive enhancement —
   ignored by engines that do not support it.                                 */
.hero .hcopy p.lead,
.section-heading-v133 p,
.compl .cmpl p,
.pstep p,
.flow .flow-card,
.story p{
  text-wrap:pretty;
}

/* --- Deep pass DR9: tactile press state on primary CTAs --------------------
   Adds a brief pressed depth so taps/clicks feel responsive (paired with the
   existing hover lift; neutralized under reduced-motion by the global rule).  */
main .btn.btn-primary:active{ transform:translateY(0); box-shadow:0 6px 16px rgba(31,142,73,.30); }


/* source: styles/layout-v150.css */
/* ============================================================================
   layout-v150.css — spacing & alignment pass (2026-07-20)
   Operator feedback: "many areas too crowded and not aligned; borrow Dolphlink's
   layout discipline." Dolphlink keeps one content frame (every section shares a
   left edge) and generous vertical rhythm (~64px). This layer aligns Talktide's
   drifting bands to the main 1344px frame and restores breathing room in the
   cramped top zone. Loaded LAST. Guardrails preserved (green, imagery, etc.).
   ============================================================================ */

/* --- L1 — One content frame: align stats + partners to the main sections ---
   Main sections (flow/process/story/compliance) use a 1344px wrap (left edge
   48px). Stats (1180 -> L130) and partners (1240 -> L100) sat on narrower,
   misaligned frames, so the left edge visibly jumped 130 -> 100 -> 48 down the
   page. Put them on the same 1344px frame so every left edge lines up.        */
.home-page .stats .wrap,
.home-page .trust .wrap{
  width:100% !important;
  max-width:1344px !important;
  margin-inline:auto !important;
  padding-left:32px !important;
  padding-right:32px !important;
  box-sizing:border-box !important;
}

/* --- L2 — Breathing room in the crowded top zone --------------------------
   Stats had 10px top / 22px bottom and partners 24px / 30px, crammed against
   the hero. Give them a calmer rhythm closer to the Dolphlink reference.     */
.home-page .stats{
  padding-top:52px !important;
  padding-bottom:44px !important;
}
.home-page .trust{
  padding-top:48px !important;
  padding-bottom:52px !important;
}

/* --- L3 — Align the live-clock strip to the same frame --------------------- */
.home-page .hero-times .clocks{
  width:100% !important;
  max-width:1344px !important;
  margin-inline:auto !important;
  box-sizing:border-box !important;
}

/* --- L4 — Homepage vertical rhythm (Dolphlink ~64-96px breathing) ----------
   Main content sections were 72px top/bottom; lift to 90px so the page breathes
   like the reference. Moderate on purpose — not empty transition bands.       */
.home-page .features-stack,
.home-page .flow,
.home-page .proc,
.home-page .story,
.home-page .compl,
.home-page .contact-build{
  padding-top:90px !important;
  padding-bottom:90px !important;
}
/* Nudge the top-zone bands to match the airier scale. */
.home-page .stats{ padding-top:60px !important; padding-bottom:52px !important; }
.home-page .trust{ padding-top:56px !important; padding-bottom:60px !important; }

/* --- L5 — Subpage breathing (already aligned; add a little air) ------------
   products / solutions / about clauses are consistently framed (all L=128) but
   sit at 38px padding; ease to 48px to match the homepage rhythm.            */
body:not(.home-page) .terms-clause{
  padding-top:48px !important;
  padding-bottom:48px !important;
}

/* --- L6 — Wide-screen hero video crop -------------------------------------
   The 1280x720 hero video fills a fixed 660px-tall box with object-fit:cover,
   centered (50% 50%). On wide screens cover scales it much taller than 660, so
   top+bottom get cropped evenly and the subject's HEAD (near the top of frame)
   gets cut off — worse the wider the screen. Raise the vertical anchor toward
   the top progressively so the head stays in frame. Horizontal stays centered
   (person remains right-of-copy).                                            */
@media (min-width:1600px){
  .home-page .hero .himg video,
  .home-page .hero .himg > img{ object-position:50% 28% !important; }
}
@media (min-width:2000px){
  .home-page .hero .himg video,
  .home-page .hero .himg > img{ object-position:50% 20% !important; }
}
@media (min-width:2400px){
  .home-page .hero .himg video,
  .home-page .hero .himg > img{ object-position:50% 14% !important; }
}

/* --- L7 — Align the hero copy to the SAME 1344 frame as everything else -----
   The hero copy was anchored to a 1920-centered frame (~viewport-left), while
   the clock strip, stats and all main sections center in the 1344 frame. On
   wide screens the hero text ended up ~210px off the left edge of the bands
   below it. Anchor the copy's left edge to the shared 1344 frame so the hero
   title, clock strip and stat cards all line up.                             */
@media (min-width:1200px){
  .home-page .hero-stage .hero .hcopy{
    margin-left:max(0px, calc((100vw - 1344px) / 2)) !important;
    padding-left:0 !important;
    left:0 !important;   /* a wide-screen rule adds left:(100vw-1920)/2 on top of margin */
  }
}

/* --- L8 — Remove green-line + wave section-transition ornaments -------------
   Operator request: the bright 6px green rule + soft green wave shape that sit
   between sections read as clutter and repeat down the page. Remove them for
   clean, flat Dolphlink-style transitions (the alternating white/mint section
   backgrounds already separate the sections). Hero light-streaks and card-level
   effects are left untouched.                                                 */
.home-page .region-transition{ display:none !important; }

.home-page .flow,
.home-page .story,
.home-page .contact-build,
.home-page .features-stack,
.home-page .proc,
.home-page .compl,
.home-page .compliance-showcase,
.home-page .trust,
.home-page .stats,
.home-page .feature-rotator{
  border-top:0 !important;
  border-bottom:0 !important;
}

/* section-level decorative wave graphics (region-wave-green-v98.png) —
   NOT the .cmpl card effects. Every selector that paints the wave is listed. */
.home-page .features-stack::before,
.home-page .features-stack::after,
.home-page .feature-rotator::before,
.home-page .feature-rotator::after,
.home-page .compl::before,
.home-page .compl::after,
.home-page .compliance-showcase::before,
.home-page .compliance-showcase::after,
.home-page .trust::before,
.home-page .trust::after,
.home-page .flow::before,
.home-page .flow::after,
.home-page .story::before,
.home-page .story::after{
  display:none !important;
  content:none !important;
  background:none !important;
}
/* legacy solution hub carries the same wave as a section background */
.home-page .solution-hub-v124{ background-image:none !important; }

/* --- L9 — Fix the product carousel overlap ---------------------------------
   The 3D "prism/cube" (feature-cube-v132) computed valid face transforms for
   some slides but broke on others (e.g. slide 7): inactive faces stayed
   opacity:1/visible and piled up, so 2-3 product cards overlapped instead of
   one. Flatten the cube to a clean single-card crossfade — only the active
   (aria-hidden=false) face shows, at the full stage position, on every slide.
   This satisfies the "only one active face at a time" spec the broken cube
   violated; dots, arrows, counter, auto-rotate and swipe all keep working.   */
@media (min-width:861px){
  /* Taller stage so cards with three points + CTA never clip the button. */
  .home-page .feature-rotator .feature-rotator-stage{
    min-height:560px !important;
    height:auto !important;
  }
  .home-page .feature-rotator .features-list{
    position:absolute !important;
    inset:0 !important;
    width:100% !important;
    height:auto !important;
    transform:none !important;
    transform-style:flat !important;
    perspective:none !important;
  }
  /* Only the active face shows (clean single card — no piled-up prism faces
     bleeding through the background). inset:0 + height:auto stretch it to the
     taller stage so the CTA is never clipped. */
  .home-page .feature-rotator .feature-face{
    position:absolute !important;
    inset:0 !important;
    width:100% !important;
    height:auto !important;
    min-height:0 !important;
    transform:none !important;   /* kill the prism transform (some faces set it !important) */
    backface-visibility:visible !important;
    opacity:0 !important;
    visibility:hidden !important;
    pointer-events:none !important;
    z-index:1 !important;
  }
  .home-page .feature-rotator .feature-face .fimg,
  .home-page .feature-rotator .feature-face .fimg img{
    height:100% !important;
  }
  /* Active face slides + eases in — restores the motion, cleanly, one card at a
     time. Uses the independent `translate`/`scale` properties (NOT `transform`,
     which the prism locks with !important) so the entrance animates freely. */
  .home-page .feature-rotator .feature-face:not([aria-hidden="true"]){
    opacity:1 !important;
    visibility:visible !important;
    pointer-events:auto !important;
    z-index:2 !important;
    animation:ttCardIn .6s cubic-bezier(.22,.61,.36,1) both !important;
  }
  @keyframes ttCardIn{
    0%   { opacity:0; translate:60px 0; scale:.985; }
    100% { opacity:1; translate:0 0;  scale:1; }
  }
}
@media (min-width:861px) and (prefers-reduced-motion:reduce){
  .home-page .feature-rotator .feature-face:not([aria-hidden="true"]){
    animation:none !important;
  }
}

/* Regional Offices — mirrors the About Us office details in the global footer. */
footer.site .footer-regional-offices .footer-office-list {
  display: grid;
  gap: 14px;
  margin-top: 14px;
}

footer.site .footer-regional-offices .footer-office-entry {
  min-width: 0;
  padding-top: 13px;
  border-top: 1px solid rgba(255, 255, 255, .24);
}

footer.site .footer-regional-offices .footer-office-entry:first-child {
  padding-top: 0;
  border-top: 0;
}

footer.site .footer-regional-offices .footer-office-entry strong {
  display: block;
  color: inherit;
  font-size: 12.5px;
  line-height: 1.4;
}

footer.site .footer-regional-offices .footer-office-entry p,
footer.site .footer-regional-offices .footer-office-entry a,
body.home-page footer.site .foot-top > .footer-regional-offices .footer-office-entry p,
body.home-page footer.site .foot-top > .footer-regional-offices .footer-office-entry a {
  margin: 5px 0 0 !important;
  font-size: 12px !important;
  line-height: 1.5 !important;
  overflow-wrap: anywhere;
}

@media (max-width: 620px) {
  footer.site .footer-regional-offices .footer-office-entry p,
  footer.site .footer-regional-offices .footer-office-entry a,
  body.home-page footer.site .foot-top > .footer-regional-offices .footer-office-entry p,
  body.home-page footer.site .foot-top > .footer-regional-offices .footer-office-entry a {
    font-size: 13px !important;
  }
}

@media (min-width: 1121px) {
  body.home-page footer.site .foot-top,
  body:not(.home-page) footer.site .foot-top {
    grid-template-columns: minmax(300px, 1.4fr) repeat(3, minmax(160px, .72fr)) !important;
  }

  body.home-page footer.site .foot-top > .footer-regional-offices,
  body:not(.home-page) footer.site .foot-top > .footer-regional-offices {
    grid-column: 1 / -1 !important;
    min-height: 0 !important;
  }

  footer.site .footer-regional-offices .footer-office-list {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0;
  }

  footer.site .footer-regional-offices .footer-office-entry,
  footer.site .footer-regional-offices .footer-office-entry:first-child {
    padding: 0 clamp(18px, 2vw, 30px);
    border-top: 0;
    border-right: 1px solid rgba(255, 255, 255, .24);
  }

  footer.site .footer-regional-offices .footer-office-entry:first-child {
    padding-left: 0;
  }

  footer.site .footer-regional-offices .footer-office-entry:last-child {
    padding-right: 0;
    border-right: 0;
  }
}

/* V294 — A slim, polished glass ribbon replaces the square copyright box. */
body.home-page footer.site .foot-bottom,
body:not(.home-page) footer.site .foot-bottom {
  position: relative !important;
  min-height: 0 !important;
  padding: 7px clamp(18px, 2vw, 30px) !important;
  overflow: hidden !important;
  border: 1px solid rgba(255, 255, 255, .76) !important;
  border-radius: 18px !important;
  background:
    linear-gradient(112deg, rgba(250, 254, 252, .82), rgba(224, 245, 236, .66) 48%, rgba(249, 253, 251, .76)) !important;
  -webkit-backdrop-filter: blur(14px) saturate(118%) !important;
  backdrop-filter: blur(14px) saturate(118%) !important;
  box-shadow:
    0 12px 30px rgba(14, 79, 50, .12),
    inset 0 1px 0 rgba(255, 255, 255, .72) !important;
}

body.home-page footer.site .footer-copyright,
body:not(.home-page) footer.site .footer-copyright {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 12px !important;
  color: #28513b !important;
  letter-spacing: .01em !important;
}

body.home-page footer.site .footer-copyright::before,
body.home-page footer.site .footer-copyright::after,
body:not(.home-page) footer.site .footer-copyright::before,
body:not(.home-page) footer.site .footer-copyright::after {
  content: "";
  width: clamp(34px, 5vw, 88px);
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(49, 173, 91, .58));
}

body.home-page footer.site .footer-copyright::after,
body:not(.home-page) footer.site .footer-copyright::after {
  transform: scaleX(-1);
}

@media (max-width: 620px) {
  body.home-page footer.site .foot-bottom,
  body:not(.home-page) footer.site .foot-bottom {
    width: calc(100% - 20px) !important;
    min-height: 0 !important;
    padding: 9px 12px calc(9px + env(safe-area-inset-bottom, 0px)) !important;
    border-radius: 16px !important;
  }

  body.home-page footer.site .footer-copyright,
  body:not(.home-page) footer.site .footer-copyright {
    gap: 8px !important;
  }

  body.home-page footer.site .footer-copyright::before,
  body.home-page footer.site .footer-copyright::after,
  body:not(.home-page) footer.site .footer-copyright::before,
  body:not(.home-page) footer.site .footer-copyright::after {
    width: clamp(18px, 7vw, 42px);
  }
}

/* V274 — Compact footer composition with tighter cards and less image whitespace. */
body.home-page footer.site .foot-brand,
body.home-page footer.site .fcol,
body.home-page footer.site .foot-top > .foff,
body:not(.home-page) footer.site .foot-brand,
body:not(.home-page) footer.site .fcol,
body:not(.home-page) footer.site .foot-top > .foff {
  padding: 20px !important;
}

body.home-page footer.site .foot-top,
body:not(.home-page) footer.site .foot-top {
  gap: 12px !important;
  padding-bottom: 24px !important;
}

body.home-page footer.site .footer-brand-copy p,
body.home-page footer.site .fcol a,
body.home-page footer.site .foot-top > .foff p,
body.home-page footer.site .foot-top > .foff a {
  line-height: 1.48 !important;
}

footer.site .footer-regional-offices .footer-office-list {
  margin-top: 10px;
  gap: 10px;
}

footer.site .footer-regional-offices .footer-office-entry p,
footer.site .footer-regional-offices .footer-office-entry a,
body.home-page footer.site .foot-top > .footer-regional-offices .footer-office-entry p,
body.home-page footer.site .foot-top > .footer-regional-offices .footer-office-entry a {
  margin-top: 4px !important;
  line-height: 1.42 !important;
}

@media (min-width: 1121px) {
  body.home-page footer.site .foot-top,
  body:not(.home-page) footer.site .foot-top {
    width: min(calc(100% - 56px), 1000px) !important;
  }

  body.home-page footer.site .footer-brand-copy p,
  body.home-page footer.site .fcol a,
  body.home-page footer.site .foot-top > .foff p,
  body.home-page footer.site .foot-top > .foff a {
    font-size: 12px !important;
  }

  footer.site .footer-regional-offices .footer-office-entry,
  footer.site .footer-regional-offices .footer-office-entry:first-child {
    padding-inline: 18px;
  }

  footer.site .footer-regional-offices .footer-office-entry:first-child {
    padding-left: 0;
  }

  footer.site .footer-regional-offices .footer-office-entry:last-child {
    padding-right: 0;
  }
}

/* V275 — Fill the desktop footer's empty right-side band below the nav cards. */
@media (min-width: 1121px) {
  body.home-page footer.site .foot-top > .foot-brand,
  body:not(.home-page) footer.site .foot-top > .foot-brand {
    grid-column: 1 !important;
    grid-row: 1 / span 2 !important;
    align-self: stretch !important;
    height: 100% !important;
  }

  body.home-page footer.site .foot-top > .footer-regional-offices,
  body:not(.home-page) footer.site .foot-top > .footer-regional-offices {
    grid-column: 2 / -1 !important;
    grid-row: 2 !important;
  }

  body.home-page footer.site .foot-top > .footer-regional-offices b,
  body:not(.home-page) footer.site .foot-top > .footer-regional-offices b {
    margin-bottom: 8px !important;
  }

  footer.site .footer-regional-offices .footer-office-entry p,
  footer.site .footer-regional-offices .footer-office-entry a,
  body.home-page footer.site .foot-top > .footer-regional-offices .footer-office-entry p,
  body.home-page footer.site .foot-top > .footer-regional-offices .footer-office-entry a {
    font-size: 11.25px !important;
    line-height: 1.36 !important;
  }
}

/* V278 — One-row scenic footer with a compact copyright strip. */
@media (min-width: 1121px) {
  body.home-page footer.site,
  body:not(.home-page) footer.site {
    padding-top: clamp(34px, 3vw, 48px) !important;
  }

  body.home-page footer.site .foot-top,
  body:not(.home-page) footer.site .foot-top {
    grid-template-columns:
      minmax(290px, 1.25fr)
      minmax(145px, .66fr)
      minmax(130px, .58fr)
      minmax(140px, .62fr)
      minmax(420px, 2.05fr) !important;
    align-items: start !important;
    width: min(calc(100% - 48px), 1840px) !important;
    gap: 12px !important;
    padding-bottom: 14px !important;
  }

  body.home-page footer.site .foot-top > .foot-brand,
  body.home-page footer.site .foot-top > .fcol,
  body.home-page footer.site .foot-top > .footer-regional-offices,
  body:not(.home-page) footer.site .foot-top > .foot-brand,
  body:not(.home-page) footer.site .foot-top > .fcol,
  body:not(.home-page) footer.site .foot-top > .footer-regional-offices {
    grid-column: auto !important;
    grid-row: 1 !important;
    min-height: 0 !important;
    height: auto !important;
    padding: 18px !important;
  }

  footer.site .footer-regional-offices .footer-office-list {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 0 !important;
    margin-top: 9px !important;
  }

  body.home-page footer.site .foot-brand .fb,
  body:not(.home-page) footer.site .foot-brand .fb {
    margin-bottom: 14px !important;
  }

  body.home-page footer.site .footer-brand-copy p,
  body:not(.home-page) footer.site .footer-brand-copy p {
    font-size: 11.5px !important;
    line-height: 1.42 !important;
  }

  footer.site .footer-regional-offices .footer-office-entry,
  footer.site .footer-regional-offices .footer-office-entry:first-child {
    padding-inline: 12px !important;
    border-top: 0 !important;
    border-right: 1px solid rgba(29, 103, 65, .14) !important;
  }

  footer.site .footer-regional-offices .footer-office-entry:first-child {
    padding-left: 0 !important;
  }

  footer.site .footer-regional-offices .footer-office-entry:last-child {
    padding-right: 0 !important;
    border-right: 0 !important;
  }

  footer.site .footer-regional-offices .footer-office-entry p,
  footer.site .footer-regional-offices .footer-office-entry a,
  body.home-page footer.site .foot-top > .footer-regional-offices .footer-office-entry p,
  body.home-page footer.site .foot-top > .footer-regional-offices .footer-office-entry a {
    font-size: 10.75px !important;
    line-height: 1.34 !important;
  }
}

body.home-page footer.site .foot-bottom,
body:not(.home-page) footer.site .foot-bottom {
  min-height: 0 !important;
  margin-top: 0 !important;
  padding: 7px 18px !important;
  line-height: 1.3 !important;
}

/* V280 — Brand at left; offices above the three navigation cards at right. */
@media (min-width: 1121px) {
  body.home-page footer.site .foot-top,
  body:not(.home-page) footer.site .foot-top {
    grid-template-columns: minmax(300px, .85fr) repeat(3, minmax(0, 1fr)) !important;
    align-items: start !important;
    width: min(calc(100% - 48px), 1840px) !important;
  }

  body.home-page footer.site .foot-top > .foot-brand,
  body:not(.home-page) footer.site .foot-top > .foot-brand {
    grid-column: 1 !important;
    grid-row: 1 / span 2 !important;
    align-self: stretch !important;
    height: 100% !important;
  }

  body.home-page footer.site .foot-top > .footer-regional-offices,
  body:not(.home-page) footer.site .foot-top > .footer-regional-offices {
    grid-column: 2 / -1 !important;
    grid-row: 1 !important;
  }

  body.home-page footer.site .foot-top > .fcol,
  body:not(.home-page) footer.site .foot-top > .fcol {
    grid-row: 2 !important;
  }

  body.home-page footer.site .foot-top > .fcol:nth-child(2),
  body:not(.home-page) footer.site .foot-top > .fcol:nth-child(2) {
    grid-column: 2 !important;
  }

  body.home-page footer.site .foot-top > .fcol:nth-child(3),
  body:not(.home-page) footer.site .foot-top > .fcol:nth-child(3) {
    grid-column: 3 !important;
  }

  body.home-page footer.site .foot-top > .fcol:nth-child(4),
  body:not(.home-page) footer.site .foot-top > .fcol:nth-child(4) {
    grid-column: 4 !important;
  }

  footer.site .footer-regional-offices .footer-office-entry p,
  footer.site .footer-regional-offices .footer-office-entry a,
  body.home-page footer.site .foot-top > .footer-regional-offices .footer-office-entry p,
  body.home-page footer.site .foot-top > .footer-regional-offices .footer-office-entry a {
    font-size: 11.25px !important;
    line-height: 1.38 !important;
  }
}

/* V282 — Uniform footer typography and exact card alignment. */
@media (min-width: 1121px) {
  body.home-page footer.site .foot-top > .fcol,
  body:not(.home-page) footer.site .foot-top > .fcol {
    align-self: stretch !important;
    height: 100% !important;
  }

  body.home-page footer.site .fcol h4,
  body.home-page footer.site .footer-regional-offices > b,
  body:not(.home-page) footer.site .fcol h4,
  body:not(.home-page) footer.site .footer-regional-offices > b {
    margin-bottom: 14px !important;
    font-size: 13px !important;
    line-height: 1.25 !important;
    letter-spacing: .08em !important;
  }

  body.home-page footer.site .footer-brand-copy p,
  body.home-page footer.site .fcol a,
  body.home-page footer.site .footer-regional-offices .footer-office-entry strong,
  body.home-page footer.site .footer-regional-offices .footer-office-entry p,
  body.home-page footer.site .footer-regional-offices .footer-office-entry a,
  body:not(.home-page) footer.site .footer-brand-copy p,
  body:not(.home-page) footer.site .fcol a,
  body:not(.home-page) footer.site .footer-regional-offices .footer-office-entry strong,
  body:not(.home-page) footer.site .footer-regional-offices .footer-office-entry p,
  body:not(.home-page) footer.site .footer-regional-offices .footer-office-entry a {
    font-size: 11.5px !important;
    line-height: 1.42 !important;
  }

  body.home-page footer.site .fcol a,
  body:not(.home-page) footer.site .fcol a {
    margin-bottom: 7px !important;
    padding-block: 1px !important;
  }

  body.home-page footer.site .foot-top > .footer-regional-offices .footer-office-entry p,
  body.home-page footer.site .foot-top > .footer-regional-offices .footer-office-entry a,
  body:not(.home-page) footer.site .foot-top > .footer-regional-offices .footer-office-entry p,
  body:not(.home-page) footer.site .foot-top > .footer-regional-offices .footer-office-entry a,
  body.home-page footer.site .foot-sites a,
  body:not(.home-page) footer.site .foot-sites a {
    font-size: 11.5px !important;
    line-height: 1.42 !important;
  }
}

/* V285 — Copyright strip aligns exactly with the footer card grid. */
body.home-page footer.site .foot-bottom,
body:not(.home-page) footer.site .foot-bottom {
  flex: 0 0 auto !important;
  width: min(calc(100% - 48px), 1840px) !important;
  margin-right: auto !important;
  margin-left: auto !important;
  padding: 6px 18px !important;
}

body.home-page footer.site .footer-copyright,
body:not(.home-page) footer.site .footer-copyright {
  font-family: var(--sans, "Inter", "Segoe UI", sans-serif) !important;
  font-size: 11.5px !important;
  font-weight: 500 !important;
  line-height: 1.42 !important;
}

body.home-page footer.site .foot-bottom.fx-reveal,
body:not(.home-page) footer.site .foot-bottom.fx-reveal {
  opacity: 1 !important;
  transform: none !important;
  filter: none !important;
}

/* V291 — Wider Talktide brand card and single-line desktop navigation. */
@media (min-width: 1121px) {
  body.home-page footer.site .foot-top,
  body:not(.home-page) footer.site .foot-top {
    grid-template-columns:
      minmax(360px, 1.18fr)
      minmax(250px, .80fr)
      minmax(145px, .46fr)
      minmax(250px, .80fr) !important;
  }

  body.home-page footer.site .fcol a,
  body:not(.home-page) footer.site .fcol a {
    display: block !important;
    white-space: nowrap !important;
  }
}

/* V314 - Fluid desktop footer: no dead right edge and balanced offices. */
@media (min-width: 1121px) {
  body.home-page footer.site .foot-top,
  body:not(.home-page) footer.site .foot-top,
  body.home-page footer.site .foot-bottom,
  body:not(.home-page) footer.site .foot-bottom {
    width: calc(100% - 48px) !important;
    max-width: none !important;
  }

  body.home-page footer.site .footer-regional-offices .footer-office-list,
  body:not(.home-page) footer.site .footer-regional-offices .footer-office-list {
    grid-template-columns: minmax(0, 1.32fr) minmax(0, 1fr) minmax(0, 1fr) !important;
  }
}


/* source: styles/platform-tabs-v158.css */
/* ============================================================================
   platform-tabs-v158.css — "One platform..." tabbed product section
   Faithful Talktide adaptation of the Dolphlink platform design: centered
   header, pill tablist, and a two-card panel — left card (product + use cases +
   CTA), right card (core capabilities + a bordered enterprise-value box).
   Talktide green, Tabler icons. Home-scoped.
   ============================================================================ */

.home-page .platform-section{
  padding:96px 0;
  background:
    radial-gradient(120% 90% at 50% -10%, #f2fbf5 0%, rgba(238,247,241,0) 60%),
    var(--tt-teal, #eef7f1);
}
.home-page .platform-section .wrap{
  width:100%; max-width:1420px; margin-inline:auto; padding-inline:clamp(24px,3vw,46px); box-sizing:border-box;
}

/* --- Tabs ------------------------------------------------------------------ */
.home-page .plat-nav{
  display:flex; align-items:center; justify-content:flex-start;
  margin:8px 0 22px;
}
.home-page .plat-tabs{
  display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); align-items:start; gap:10px; width:100%; margin:0;
}
.home-page .plat-tabs .ptab{
  position:relative; display:inline-flex; align-items:center; justify-content:center;
  width:100%; min-width:0; height:58px; min-height:58px; padding:0 18px 7px;
  border-radius:13px 13px 4px 4px;
  clip-path:polygon(0 0,100% 0,100% 84%,50% 100%,0 84%);
  font-family:var(--ui,"Inter",system-ui,sans-serif);
  font-size:15.5px; font-weight:780; letter-spacing:0; color:#294b39;
  background:rgba(255,255,255,.82); border:1px solid rgba(31,122,68,.14);
  box-shadow:0 9px 22px rgba(24,91,50,.07);
  cursor:pointer;
  transition:transform .2s cubic-bezier(.22,.61,.36,1), border-color .2s, background .2s, color .2s;
}
.home-page .plat-tabs .ptab::before{
  display:none;
}
.home-page .plat-tabs .ptab i.ti{
  margin-right:9px; color:#32a657; font-size:19px; transition:color .2s ease, transform .2s ease;
}
.home-page .plat-tabs .ptab:hover{
  transform:translateY(-2px); background:#fff; border-color:rgba(58,177,93,.32); color:#177a3f;
}
.home-page .plat-tabs .ptab:hover i.ti{ transform:translateY(-1px); }
.home-page .plat-tabs .ptab.is-active{
  background:linear-gradient(135deg,#39b45f,#2f9d51); color:#fff; border-color:transparent;
  transform:translateY(-2px); box-shadow:0 12px 24px rgba(31,142,73,.22);
}
.home-page .plat-tabs .ptab.is-active i.ti{ color:#fff; }
.home-page .plat-tabs .ptab:focus-visible,
.home-page .plat-nav-arrow:focus-visible{
  outline:3px solid rgba(49,173,91,.45); outline-offset:2px;
}

/* --- Two-card panel -------------------------------------------------------- */
.home-page .platform-grid{
  display:grid; grid-template-columns:minmax(0,.94fr) minmax(0,1.06fr); gap:24px; align-items:stretch;
  transition:opacity .3s ease, transform .3s ease;
}
.home-page .plat-card{
  display:flex; flex-direction:column;
  background:#fff; border:1px solid rgba(31,122,68,.14); border-radius:20px;
  padding:30px 32px; box-shadow:0 18px 44px rgba(25,95,52,.09);
  transition:opacity .28s ease, transform .28s ease;
}
.home-page .plat-card.is-fading{ opacity:0; transform:translateY(8px); }

/* left / lead card */
.home-page .plat-card-lead .plat-kicker{
  display:flex; align-items:center; gap:11px; margin-bottom:16px;
  font-family:var(--ui,"Inter",system-ui,sans-serif);
  font-size:15px; font-weight:800; letter-spacing:.06em; text-transform:uppercase; color:#177a3f;
}
.home-page .plat-card-lead .plat-kicker i.ti{
  display:inline-flex; align-items:center; justify-content:center;
  width:34px; height:34px; border-radius:10px;
  background:linear-gradient(140deg,#2f9d51,#28894a); color:#fff; font-size:18px;
  box-shadow:0 5px 12px rgba(47,154,80,.28);
}
.home-page .plat-card-lead .plat-desc{
  font-size:15.5px; line-height:1.62; color:#4b5b52; margin:0 0 20px; text-wrap:pretty;
}
.home-page .plat-subtitle{
  margin:0 0 10px;
  font-family:var(--ui,"Inter",system-ui,sans-serif);
  font-size:11px; font-weight:800; letter-spacing:.14em; text-transform:uppercase; color:#177a3f;
}
.home-page .plat-coverage{
  display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; margin:0 0 20px;
}
.home-page .plat-coverage-item{
  min-width:0; padding:14px 14px 13px; border-radius:14px;
  background:#f4faf6; border:1px solid rgba(31,122,68,.13);
}
.home-page .plat-coverage-item b{
  display:block; margin-bottom:5px; color:#177a3f;
  font-size:12.5px; line-height:1.3;
}
.home-page .plat-coverage-item p{
  margin:0; color:#526158; font-size:12px; line-height:1.48;
}
.home-page .plat-card .chip-label{
  font-size:11px; font-weight:800; letter-spacing:.14em; text-transform:uppercase; color:#6b7d72; margin:0 0 12px;
}
.home-page .plat-chips{ display:flex; flex-wrap:wrap; gap:9px; }
.home-page .plat-chips .plat-chip{
  font-size:12.5px; font-weight:700; color:#1f7a44;
  padding:7px 15px; border-radius:999px;
  background:#fff; border:1px solid rgba(58,177,93,.32);
}
.home-page .plat-cta{
  align-self:flex-start; margin-top:20px; padding-top:0;
  display:inline-flex; align-items:center; gap:8px;
  font-size:14px; font-weight:800; color:#177a3f; text-decoration:none;
}
.home-page .plat-cta i.ti{ transition:transform .2s ease; }
.home-page .plat-cta:hover{ color:#0b7e40; }
.home-page .plat-cta:hover i.ti{ transform:translateX(3px); }

/* right card */
.home-page .plat-card-title{
  font-family:var(--ui,"Inter",system-ui,sans-serif);
  font-size:12px; font-weight:800; letter-spacing:.14em; text-transform:uppercase; color:#177a3f; margin:0 0 18px;
}
.home-page .cap-list{
  display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:11px 18px; margin:0 0 22px;
}
.home-page .cap-list .check,
.home-page .value-card li{
  display:flex; align-items:flex-start; gap:11px;
  font-size:14.5px; line-height:1.5; color:#33423a;
}
.home-page .cap-list .check i.ti,
.home-page .value-card li i.ti{
  flex:0 0 auto; margin-top:1px;
  display:inline-flex; align-items:center; justify-content:center;
  width:22px; height:22px; border-radius:7px;
  background:#eaf7ef; color:#2c9a4e; font-size:14px;
}
.home-page .plat-operations-title{ margin-top:2px; }
.home-page .plat-operations-list{
  display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; margin:0 0 20px;
}
.home-page .plat-operation{
  display:flex; align-items:flex-start; gap:9px; min-width:0;
  padding:13px 12px; border-radius:13px;
  background:#f6faf7; border:1px solid rgba(31,122,68,.12);
  color:#425249; font-size:12.5px; line-height:1.45;
}
.home-page .plat-operation i.ti{
  flex:0 0 auto; margin-top:1px; color:#2c9a4e; font-size:16px;
}
.home-page .value-card{
  margin-top:0;
  background:linear-gradient(140deg,#eef8f2,#e3f2e9);
  border:1px solid rgba(58,177,93,.28);
  border-left:3px solid #3ab15d;
  border-radius:14px; padding:20px 22px;
}
.home-page .value-card b{
  display:block; font-size:11px; font-weight:800; letter-spacing:.14em; text-transform:uppercase; color:#177a3f; margin-bottom:13px;
}
.home-page .value-card ul{
  list-style:none; margin:0; padding:0;
  display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px 16px;
}

/* --- Responsive ------------------------------------------------------------ */
@media (max-width:1120px){
  .home-page .platform-grid{ grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr); gap:18px; }
  .home-page .plat-card{ padding:26px 24px; }
  .home-page .plat-coverage{ grid-template-columns:1fr; }
  .home-page .plat-coverage-item{ display:grid; grid-template-columns:128px minmax(0,1fr); gap:10px; align-items:start; }
  .home-page .plat-coverage-item b{ margin-bottom:0; }
  .home-page .plat-operations-list{ grid-template-columns:1fr; gap:8px; }
}
@media (max-width:860px){
  .home-page .platform-section{ padding:60px 0; }
  .home-page .platform-section .wrap{ padding-inline:18px; }
  .home-page .platform-grid{ grid-template-columns:1fr; gap:18px; }
  .home-page .plat-card{ padding:26px 22px; }
}
@media (max-width:600px){
  .home-page .platform-section .wrap{ padding-inline:14px; }
  .home-page .plat-nav{
    justify-content:center; margin:0 auto 18px;
  }
  .home-page .plat-tabs{ grid-template-columns:repeat(4,minmax(0,1fr)); justify-content:center; gap:8px; }
  .home-page .plat-tabs .ptab{
    grid-column:span 2; min-width:0; min-height:54px; height:54px;
    padding:0 10px 7px; font-size:14px; border-radius:12px 12px 4px 4px;
  }
  .home-page .plat-tabs .ptab i.ti{ margin-right:7px; font-size:17px; }
  .home-page .plat-tabs .ptab:last-child{ grid-column:2 / span 2; }
  .home-page .platform-grid{ gap:14px; }
  .home-page .plat-card{ padding:22px 18px; border-radius:18px; }
  .home-page .plat-coverage-item{ display:block; }
  .home-page .plat-coverage-item b{ margin-bottom:5px; }
  .home-page .cap-list,
  .home-page .value-card ul{ grid-template-columns:1fr; }
  .home-page .value-card{ padding:17px 16px; }
}
@media (prefers-reduced-motion:reduce){
  .home-page .platform-grid,
  .home-page .plat-card,
  .home-page .plat-tabs .ptab{ transition:none !important; }
}


/* source: styles/compliance-cards-v163.css */
/* ============================================================================
   compliance-cards-v163.css — "Built on trust" section as self-contained cards
   Operator: show all compliance content directly (Dolphlink "Proven deployments"
   style) instead of click-to-reveal. Each .cmpl now carries summary + capability
   checklist + outcome. Home-scoped; loaded after the base compliance styles.
   ============================================================================ */

.home-page .compl-grid-rich{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:24px;
  align-items:stretch;
  margin-top:8px;
}
.home-page .compl-grid-rich .cmpl{
  display:flex;
  flex-direction:column;
  background:#fff !important;
  border:1px solid rgba(31,122,68,.14) !important;
  border-radius:22px !important;
  padding:30px 32px !important;
  box-shadow:0 16px 40px rgba(25,95,52,.08) !important;
  cursor:default !important;
  transition:transform .26s cubic-bezier(.22,.61,.36,1), box-shadow .26s, border-color .26s !important;
}
.home-page .compl-grid-rich .cmpl:hover{
  transform:translateY(-4px);
  box-shadow:0 26px 54px rgba(25,95,52,.15) !important;
  border-color:rgba(58,177,93,.3) !important;
}

.home-page .compl-grid-rich .cmpl-head{
  display:flex; align-items:center; gap:12px; margin-bottom:16px;
}
.home-page .compl-grid-rich .cmpl-kicker{
  font-family:var(--ui,"Inter",system-ui,sans-serif);
  font-size:12px; font-weight:800; letter-spacing:.14em; text-transform:uppercase;
  color:#177a3f;
}
.home-page .compl-grid-rich .cmpl h3{
  font-family:var(--disp,"Space Grotesk",system-ui,sans-serif);
  font-size:21px; font-weight:700; letter-spacing:-.01em; color:#111916;
  margin:0 0 12px !important;   /* legacy .cmpl h3 rules set their own margins */
}
/* legacy `.compliance-showcase .cmpl p` + a uiux !important margin-top override
   the class rule, so the summary→checklist gap collapsed. Force it. */
.home-page .compl-grid-rich .cmpl-summary{
  font-size:14.5px; line-height:1.6; color:#4b5b52;
  margin:0 0 22px !important; text-wrap:pretty;
}

/* capability checklist — two columns inside the card */
.home-page .compl-grid-rich .cmpl-points{
  list-style:none; margin:0 0 22px; padding:0;
  display:grid; grid-template-columns:1fr 1fr; gap:11px 20px;
}
.home-page .compl-grid-rich .cmpl-points li{
  display:flex; align-items:flex-start; gap:9px;
  font-size:13.5px; line-height:1.45; color:#3a4a41;
}
.home-page .compl-grid-rich .cmpl-points li i.ti{
  flex:0 0 auto; margin-top:1px;
  display:inline-flex; align-items:center; justify-content:center;
  width:20px; height:20px; border-radius:6px;
  background:#eaf7ef; color:#2c9a4e; font-size:13px;
}

/* outcome — pinned to the card foot */
.home-page .compl-grid-rich .cmpl-outcome{
  margin-top:auto;
  background:linear-gradient(140deg,#eef8f2,#e3f2e9);
  border:1px solid rgba(58,177,93,.22);
  border-left:3px solid #3ab15d;
  border-radius:14px; padding:16px 18px;
}
.home-page .compl-grid-rich .cmpl-outcome b{
  display:block; font-size:11px; font-weight:800; letter-spacing:.14em;
  text-transform:uppercase; color:#177a3f; margin-bottom:6px;
}
.home-page .compl-grid-rich .cmpl-outcome p{
  margin:0; font-size:13.5px; line-height:1.55; color:#33423a;
}

/* disclaimer note under the grid */
.home-page .compl-note{
  display:flex; align-items:flex-start; justify-content:center; gap:8px;
  max-width:720px; margin:26px auto 0; text-align:left;
  font-size:12.5px; line-height:1.5; color:#6b7d72;
}
.home-page .compl-note i.ti{ margin-top:1px; color:#3ab15d; font-size:15px; flex:0 0 auto; }

@media (max-width:860px){
  .home-page .compl-grid-rich{ grid-template-columns:1fr; gap:16px; }
  .home-page .compl-grid-rich .cmpl{ padding:24px 22px !important; }
  .home-page .compl-grid-rich .cmpl-points{ grid-template-columns:1fr; gap:9px; }
}
@media (prefers-reduced-motion:reduce){
  .home-page .compl-grid-rich .cmpl{ transition:none !important; }
}


/* source: styles/industry-tabs-v165.css */
/* Homepage industry solution explorer — all content is embedded in index.html. */
.home-page .industries-section{
  padding:96px 0;
  background:#fff;
  overflow:clip;
}
.home-page .industries-section .wrap{
  width:100%;
  max-width:1200px;
  margin-inline:auto;
  padding-inline:32px;
  box-sizing:border-box;
}

.home-page .ind-tabs{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:10px;
  margin:6px auto 32px;
  max-width:1160px;
}
.home-page .ind-tabs .itab{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  min-height:46px;
  padding:10px 18px;
  border:1px solid rgba(31,122,68,.16);
  border-radius:999px;
  background:rgba(255,255,255,.82);
  box-shadow:0 7px 20px rgba(15,63,36,.06);
  color:#294b39;
  cursor:pointer;
  font-family:var(--ui,"Inter",system-ui,sans-serif);
  font-size:13.5px;
  font-weight:750;
  transition:transform .2s cubic-bezier(.22,.61,.36,1),border-color .2s,box-shadow .2s,background .2s,color .2s;
}
.home-page .ind-tabs .itab i.ti{
  color:#32aa58;
  font-size:18px;
}
.home-page .ind-tabs .itab:hover{
  transform:translateY(-2px);
  border-color:rgba(50,170,88,.45);
  box-shadow:0 12px 26px rgba(15,63,36,.11);
}
.home-page .ind-tabs .itab.is-active{
  transform:translateY(-2px);
  border-color:transparent;
  background:linear-gradient(135deg,#37b762,#26944b);
  box-shadow:0 14px 30px rgba(31,142,73,.28);
  color:#fff;
}
.home-page .ind-tabs .itab.is-active i.ti{color:#fff}
.home-page .ind-tabs .itab:focus-visible,
.home-page .ind-panel:focus-visible,
.home-page .ind-gallery:focus-visible{
  outline:3px solid rgba(49,173,91,.48);
  outline-offset:3px;
}

.home-page .ind-panel{
  max-width:1280px;
  margin-inline:auto;
  padding:clamp(24px,3vw,38px);
  border:1px solid rgba(31,122,68,.13);
  border-radius:28px;
  background:#fff;
  box-shadow:0 24px 62px rgba(25,95,52,.09);
  transition:opacity .22s ease,transform .22s ease;
}
.home-page .ind-panel.is-fading{
  opacity:.2;
  transform:translateY(7px);
}
.home-page .ind-hero{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(390px,42%);
  align-items:center;
  gap:clamp(26px,3vw,42px);
  padding:0;
  margin-bottom:0;
}
.home-page .ind-hero-text{min-width:0}
.home-page .ind-hero .ind-name{
  margin:0 0 16px;
  color:#111916;
  font-family:var(--disp,"Space Grotesk",system-ui,sans-serif);
  font-size:clamp(26px,2.6vw,34px);
  font-weight:750;
  letter-spacing:-.035em;
  line-height:1.05;
  text-wrap:balance;
}
.home-page .ind-hero .ind-desc{
  margin:0 0 22px;
  color:#43584c;
  font-size:16px;
  line-height:1.68;
  text-wrap:pretty;
}
.home-page .ind-help{
  padding:17px 19px;
  border:1px solid rgba(58,177,93,.22);
  border-left:4px solid #36b35e;
  border-radius:16px;
  background:linear-gradient(140deg,#edf9f2,#e4f4eb);
}
.home-page .ind-help b{
  display:block;
  margin-bottom:7px;
  color:#177a3f;
  font-size:11px;
  font-weight:850;
  letter-spacing:.14em;
  text-transform:uppercase;
}
.home-page .ind-help .ind-help-text{
  margin:0;
  color:#32463a;
  font-size:14.5px;
  line-height:1.58;
}
.home-page .ind-context{
  margin-top:16px;
  padding:17px 18px;
  border:1px solid rgba(31,122,68,.13);
  border-radius:16px;
  background:#f8fcf9;
}
.home-page .ind-context > b{
  display:block;
  margin-bottom:7px;
  color:#177a3f;
  font-size:11px;
  font-weight:850;
  letter-spacing:.13em;
  text-transform:uppercase;
}
.home-page .ind-context-summary{
  margin:0;
  color:#42564a;
  font-size:14px;
  line-height:1.55;
}
.home-page .ind-context-tags{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:13px;
}
.home-page .ind-context-tags span{
  display:inline-flex;
  align-items:center;
  min-height:30px;
  padding:6px 11px;
  border:1px solid rgba(49,173,91,.18);
  border-radius:999px;
  background:#fff;
  color:#266841;
  font-size:12px;
  font-weight:720;
}
.home-page .ind-toggle{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  width:100%;
  margin-top:16px;
  padding:13px 16px;
  border:1px solid rgba(43,166,82,.3);
  border-radius:15px;
  background:linear-gradient(135deg,#eef9f2,#e5f5eb);
  color:#176f3b;
  cursor:pointer;
  text-align:left;
  transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;
}
.home-page .ind-toggle:hover{
  transform:translateY(-2px);
  border-color:rgba(43,166,82,.55);
  box-shadow:0 12px 26px rgba(25,95,52,.11);
}
.home-page .ind-toggle > span{
  display:flex;
  align-items:baseline;
  flex-wrap:wrap;
  gap:7px 12px;
}
.home-page .ind-toggle strong{
  font-size:13.5px;
  font-weight:800;
}
.home-page .ind-toggle small{
  color:#587064;
  font-size:11.5px;
  font-weight:650;
}
.home-page .ind-toggle i{
  flex:0 0 auto;
  font-size:19px;
  transition:transform .2s ease;
}
.home-page .ind-toggle.is-expanded i{transform:rotate(180deg)}
.home-page .ind-toggle:focus-visible{
  outline:3px solid rgba(49,173,91,.48);
  outline-offset:3px;
}
.home-page .ind-visual{
  position:relative;
  justify-self:stretch;
  width:100%;
  max-width:none;
  min-height:0;
  aspect-ratio:1;
  overflow:hidden;
  border-radius:24px;
  background:#dcefe5;
  box-shadow:0 24px 52px rgba(25,95,52,.16);
}
.home-page .ind-visual::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(90deg,rgba(16,64,37,.12),transparent 35%);
  pointer-events:none;
}
.home-page .ind-visual img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center center;
}
.home-page .ind-details[hidden]{display:none!important}
.home-page .ind-details:not([hidden]){
  animation:ind-details-in .25s ease both;
}
@keyframes ind-details-in{
  from{opacity:0;transform:translateY(-8px)}
  to{opacity:1;transform:none}
}

.home-page .ind-scenario-block,
.home-page .ind-case-block{
  margin-top:30px;
  padding-top:28px;
  border-top:1px solid rgba(31,122,68,.12);
}
.home-page .ind-gallery-block[hidden]{display:none}
.home-page .ind-subhead{
  max-width:none;
  margin:0 0 20px;
  text-align:left;
}
.home-page .ind-subhead > span{
  display:block;
  margin-bottom:9px;
  color:#2ca753;
  font-size:11px;
  font-weight:850;
  letter-spacing:.16em;
  text-transform:uppercase;
}
.home-page .ind-subhead > div{
  display:flex;
  align-items:center;
  justify-content:flex-start;
  gap:14px;
}
.home-page .ind-subhead h4{
  margin:0;
  color:#131d18;
  font-family:var(--disp,"Space Grotesk",system-ui,sans-serif);
  font-size:clamp(21px,2.1vw,29px);
  font-weight:750;
  letter-spacing:-.025em;
  line-height:1.14;
  text-wrap:balance;
}
.home-page .ind-subhead > p{
  margin:9px 0 0;
  max-width:820px;
  color:#53645a;
  font-size:15px;
  line-height:1.62;
  text-wrap:pretty;
}
.home-page .ind-gallery-count{
  flex:0 0 auto;
  padding:6px 10px;
  border:1px solid rgba(49,173,91,.2);
  border-radius:999px;
  background:#fff;
  color:#21884a;
  font-size:11px;
  font-weight:800;
}

.home-page .ind-gallery{
  display:grid;
  grid-auto-flow:column;
  grid-auto-columns:minmax(210px,250px);
  gap:18px;
  padding:8px 3px 22px;
  overflow-x:auto;
  overscroll-behavior-inline:contain;
  scroll-padding-inline:3px;
  scroll-snap-type:inline mandatory;
  scrollbar-color:#36ad5c rgba(43,104,67,.09);
  scrollbar-width:thin;
}
.home-page .ind-gallery::-webkit-scrollbar{height:7px}
.home-page .ind-gallery::-webkit-scrollbar-track{
  border-radius:999px;
  background:rgba(43,104,67,.09);
}
.home-page .ind-gallery::-webkit-scrollbar-thumb{
  border-radius:999px;
  background:#36ad5c;
}
.home-page .ind-gallery-item{
  min-width:0;
  margin:0;
  scroll-snap-align:start;
}
.home-page .ind-gallery-item.is-wide{
  grid-column:auto/span 2;
  width:min(520px,80vw);
}
.home-page .ind-gallery-image{
  height:410px;
  padding:15px;
  overflow:hidden;
  border:1px solid rgba(31,122,68,.12);
  border-radius:22px;
  background:#fff;
  box-shadow:0 18px 42px rgba(20,80,42,.1);
}
.home-page .ind-gallery-item.is-wide .ind-gallery-image{height:330px}
.home-page .ind-gallery-image img{
  display:block;
  width:100%;
  height:100%;
  object-fit:contain;
}
.home-page .ind-gallery-item figcaption{
  display:flex;
  gap:9px;
  align-items:flex-start;
  padding:13px 8px 0;
  color:#52635a;
  font-size:12px;
  line-height:1.45;
}
.home-page .ind-gallery-item figcaption span{
  flex:0 0 auto;
  color:#2ba653;
  font-size:10px;
  font-weight:850;
  letter-spacing:.08em;
}

.home-page .ind-cards{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:16px;
}
.home-page .ind-card{
  position:relative;
  min-width:0;
  padding:22px 23px 23px;
  overflow:hidden;
  border:1px solid rgba(31,122,68,.14);
  border-radius:18px;
  background:rgba(255,255,255,.9);
  box-shadow:0 18px 42px rgba(25,95,52,.08);
  transition:transform .24s cubic-bezier(.22,.61,.36,1),box-shadow .24s,border-color .24s;
}
.home-page .ind-card::before{
  content:"";
  position:absolute;
  inset:0 auto 0 0;
  width:4px;
  background:linear-gradient(180deg,#43c46b,#27964c);
}
.home-page .ind-card:hover{
  transform:translateY(-4px);
  border-color:rgba(58,177,93,.3);
  box-shadow:0 26px 58px rgba(25,95,52,.14);
}
.home-page .ind-card-head{
  display:flex;
  align-items:center;
  gap:13px;
  margin-bottom:12px;
}
.home-page .ind-card h5,
.home-page .ind-client-case h5{
  margin:0;
  color:#142e21;
  font-family:var(--disp,"Space Grotesk",system-ui,sans-serif);
  font-size:16.5px;
  font-weight:750;
  letter-spacing:-.012em;
  line-height:1.25;
}
.home-page .ind-card > p{
  margin:0;
  color:#4d5f55;
  font-size:14.5px;
  line-height:1.62;
}
.home-page .ind-card ul{
  display:grid;
  gap:9px;
  margin:18px 0 0;
  padding:0;
  list-style:none;
}
.home-page .ind-card li{
  display:flex;
  align-items:flex-start;
  gap:9px;
  color:#3f5347;
  font-size:13.5px;
  line-height:1.48;
}
.home-page .ind-card li i{
  flex:0 0 20px;
  display:grid;
  place-items:center;
  width:20px;
  height:20px;
  margin-top:1px;
  border-radius:7px;
  background:#e8f7ee;
  color:#2ea655;
  font-size:13px;
}
.home-page .ind-item-icon{
  flex:0 0 48px;
  display:block;
  width:48px;
  height:48px;
  object-fit:contain;
  border-radius:14px;
  background:#eef8f2;
}
.home-page .ind-item-icon.is-tabler{
  display:grid;
  place-items:center;
  background:linear-gradient(135deg,#3cb661,#268e49);
  color:#fff;
  font-size:24px;
}

.home-page .ind-clients{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
}
.home-page .ind-client-case{
  display:flex;
  align-items:flex-start;
  gap:16px;
  min-width:0;
  padding:19px;
  border:1px solid rgba(31,122,68,.14);
  border-radius:17px;
  background:linear-gradient(145deg,rgba(255,255,255,.92),rgba(235,248,241,.86));
  box-shadow:0 15px 36px rgba(25,95,52,.07);
}
.home-page .ind-client-case .ind-item-icon{
  flex-basis:54px;
  width:54px;
  height:54px;
}
.home-page .ind-client-case h5{font-size:16px}
.home-page .ind-client-case p{
  margin:8px 0 0;
  color:#506158;
  font-size:13.5px;
  line-height:1.55;
}

@media (max-width:980px){
  .home-page .ind-panel{padding:28px}
  .home-page .ind-hero{
    grid-template-columns:1fr;
    gap:24px;
  }
  .home-page .ind-visual{
    justify-self:stretch;
    width:min(100%,520px);
    max-width:none;
    margin-inline:auto;
    min-height:0;
    aspect-ratio:1;
  }
  .home-page .ind-clients{
    grid-template-columns:1fr;
  }
}

@media (max-width:720px){
  .home-page .industries-section{padding:60px 0 68px}
  .home-page .industries-section .wrap{padding-inline:18px}
  .home-page .ind-tabs{
    justify-content:flex-start;
    flex-wrap:nowrap;
    overflow-x:auto;
    padding:3px 2px 14px;
    margin-bottom:24px;
    scroll-snap-type:inline proximity;
    scrollbar-width:none;
  }
  .home-page .ind-tabs::-webkit-scrollbar{display:none}
  .home-page .ind-tabs .itab{
    flex:0 0 auto;
    min-height:44px;
    padding:9px 15px;
    scroll-snap-align:start;
    font-size:12.5px;
  }
  .home-page .ind-hero{
    padding:0;
    margin-bottom:0;
  }
  .home-page .ind-panel{
    padding:20px;
    border-radius:22px;
  }
  .home-page .ind-hero .ind-name{
    font-size:clamp(29px,9vw,38px);
  }
  .home-page .ind-hero .ind-desc{font-size:15px}
  .home-page .ind-visual{border-radius:18px}
  .home-page .ind-context{padding:15px}
  .home-page .ind-context-tags{gap:7px}
  .home-page .ind-context-tags span{font-size:11.5px}
  .home-page .ind-toggle{padding:13px 14px}
  .home-page .ind-subhead{
    margin-bottom:23px;
    text-align:left;
  }
  .home-page .ind-subhead > div{
    align-items:flex-start;
    justify-content:flex-start;
    flex-wrap:wrap;
  }
  .home-page .ind-subhead h4{font-size:27px}
  .home-page .ind-scenario-block,
  .home-page .ind-case-block{
    margin-top:24px;
    padding-top:23px;
  }
  .home-page .ind-gallery{
    grid-auto-columns:minmax(225px,74vw);
  }
  .home-page .ind-gallery-item.is-wide{
    grid-column:auto;
    width:86vw;
  }
  .home-page .ind-gallery-image{height:390px}
  .home-page .ind-gallery-item.is-wide .ind-gallery-image{height:275px}
  .home-page .ind-cards{grid-template-columns:1fr;gap:16px}
  .home-page .ind-card{padding:23px 22px 24px}
  .home-page .ind-client-case{padding:21px}
}

@media (prefers-reduced-motion:reduce){
  .home-page .ind-panel,
  .home-page .ind-card,
  .home-page .ind-tabs .itab{
    transition:none!important;
  }
}


/* source: styles/partners-v167.css */
/* ============================================================================
   partners-v167.css — Trusted Partners section header + industry chips
   Promotes the plain "Trusted by..." line to a full module header (eyebrow +
   title + divider + lead, matching other sections), adds a row of industry /
   service category chips (incl. Professional Services) that link to the
   industries section, and keeps the client logo marquee. Home-scoped.
   ============================================================================ */

.home-page .trust{ padding-top:66px !important; padding-bottom:64px !important; }
.home-page .trust .partners-head{ margin-bottom:20px; }

/* industry / service categories */
.home-page .partner-industries{
  display:flex; flex-wrap:wrap; justify-content:center; gap:10px;
  max-width:1000px; margin:0 auto 34px; padding:0;
}
.home-page .partner-industries .pind{
  display:inline-flex; align-items:center; gap:8px;
  padding:9px 16px; border-radius:999px;
  font-family:var(--ui,"Inter",system-ui,sans-serif);
  font-size:13px; font-weight:700; color:#1f7a44; text-decoration:none;
  background:#fff; border:1px solid rgba(58,177,93,.26);
  box-shadow:0 2px 8px rgba(15,63,36,.05);
  transition:transform .2s cubic-bezier(.22,.61,.36,1), border-color .2s, box-shadow .2s, background .2s;
}
.home-page .partner-industries .pind i.ti{ font-size:16px; color:#3ab15d; }
.home-page .partner-industries .pind:hover{
  transform:translateY(-2px); border-color:rgba(58,177,93,.5);
  box-shadow:0 8px 18px rgba(15,63,36,.10); background:#f4faf6;
}
.home-page .partner-industries .pind:focus-visible{ outline:3px solid rgba(49,173,91,.55); outline-offset:2px; }

@media (max-width:860px){
  .home-page .trust{ padding-top:48px !important; padding-bottom:48px !important; }
  .home-page .partner-industries{ gap:8px; margin-bottom:26px; }
  .home-page .partner-industries .pind{ padding:8px 13px; font-size:12.5px; }
}
@media (prefers-reduced-motion:reduce){
  .home-page .partner-industries .pind{ transition:none !important; }
}


/* source: styles/story-insights-v168.css */
/* ============================================================================
   story-insights-v168.css — Talktide insights row in the Customer Success section
   Three insight cards from talktidetech.com/story.html (Seamless coverage /
   Value communication / Continuous improvement). Home-scoped.
   ============================================================================ */

.home-page .story-insights{
  display:grid;
  grid-template-columns:repeat(3, 1fr);
  gap:22px;
  margin-top:26px;
}
.home-page .story-insight{
  background:#fff;
  border:1px solid rgba(31,122,68,.14);
  border-radius:20px;
  padding:26px 26px;
  box-shadow:0 16px 40px rgba(25,95,52,.07);
  transition:transform .26s cubic-bezier(.22,.61,.36,1), box-shadow .26s, border-color .26s;
}
.home-page .story-insight:hover{
  transform:translateY(-4px);
  box-shadow:0 26px 54px rgba(25,95,52,.15);
  border-color:rgba(58,177,93,.3);
}
.home-page .story-insight .si-ic{
  display:inline-flex; align-items:center; justify-content:center;
  width:44px; height:44px; border-radius:13px; margin-bottom:16px;
  background:linear-gradient(140deg,#2f9d51,#28894a); color:#fff; font-size:22px;
  box-shadow:0 6px 15px rgba(47,154,80,.24);
}
.home-page .story-insight h4{
  font-family:var(--disp,"Space Grotesk",system-ui,sans-serif);
  font-size:18px; font-weight:700; letter-spacing:-.01em; color:#122d21; margin:0 0 10px;
}
.home-page .story-insight p{
  font-size:14.5px; line-height:1.58; color:#4a5a51; margin:0; text-wrap:pretty;
}

@media (max-width:860px){
  .home-page .story-insights{ grid-template-columns:1fr; gap:16px; margin-top:18px; }
  .home-page .story-insight{ padding:22px 20px; }
}
@media (prefers-reduced-motion:reduce){
  .home-page .story-insight{ transition:none !important; }
}


/* source: styles/responsive-composition-v171.css */
/* ==========================================================================
   Responsive composition v172

   Dolphlink-inspired hero treatment:
   - a calm, solid reading surface on the left
   - a height-bound 16:9 film on the right, so the subject never balloons
     on ultra-wide screens
   - one grouped proof panel instead of four competing glass cards
   - fluid, bounded desktop type and spacing with no 1180/1200px jump
   ========================================================================== */

@media (min-width: 901px) {
  .home-page {
    --tt-hero-base-scale: clamp(.8461538, calc(100vw / 1920px), 1);
    --tt-wide-scale: clamp(
      1,
      min(
        calc(100vw / 1920px),
        calc((100svh - 52px) / 660px)
      ),
      1.16
    );
    --tt-hero-height-scale: clamp(.969697, calc(100vw / 1920px), 1);
    --tt-hero-height: calc(
      660px * var(--tt-hero-height-scale) * var(--tt-wide-scale)
    );
    --tt-hero-gutter: clamp(52px, 7.5vw, 250px);
    --tt-reading-surface: 52%;
  }

  /* Header chrome follows the same continuous desktop scale. */
  .home-page header.site {
    --header-height: calc(52px * var(--tt-wide-scale));
    grid-template-columns:
      clamp(230px, 20vw, calc(420px * var(--tt-wide-scale)))
      minmax(0, 1fr)
      auto !important;
    height: var(--header-height) !important;
    min-height: var(--header-height) !important;
    padding-inline: clamp(18px, 2vw, calc(38px * var(--tt-wide-scale))) !important;
  }

  .home-page header.site::before {
    left: clamp(230px, 20vw, calc(420px * var(--tt-wide-scale))) !important;
  }

  .home-page header.site .brand {
    grid-column: 1 !important;
    grid-row: 1 !important;
    min-height: var(--header-height) !important;
    padding-right: calc(32px * var(--tt-wide-scale)) !important;
  }

  .home-page header.site .brand img {
    width: clamp(140px, 8.75vw, calc(168px * var(--tt-wide-scale))) !important;
    max-height: calc(38px * var(--tt-wide-scale)) !important;
  }

  .home-page header.site nav {
    position: static !important;
    inset: auto !important;
    grid-column: 2 !important;
    grid-row: 1 !important;
    display: flex !important;
    width: auto !important;
    height: var(--header-height) !important;
    margin: 0 !important;
    gap: clamp(4px, .8vw, calc(16px * var(--tt-wide-scale))) !important;
    padding-left: clamp(14px, 1.8vw, calc(34px * var(--tt-wide-scale))) !important;
    padding-block: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  .home-page header.site nav a {
    height: calc(32px * var(--tt-wide-scale)) !important;
    min-height: calc(32px * var(--tt-wide-scale)) !important;
    padding:
      calc(6px * var(--tt-wide-scale))
      calc(11px * var(--tt-wide-scale)) !important;
    font-size: clamp(11.5px, .65vw, calc(12.5px * var(--tt-wide-scale))) !important;
  }

  .home-page header.site .lang-btn {
    height: calc(34px * var(--tt-wide-scale)) !important;
    min-height: calc(34px * var(--tt-wide-scale)) !important;
    padding:
      calc(6px * var(--tt-wide-scale))
      calc(8px * var(--tt-wide-scale)) !important;
    font-size: calc(12px * var(--tt-wide-scale)) !important;
  }

  .home-page header.site .h-actions > .btn {
    height: calc(36px * var(--tt-wide-scale)) !important;
    min-height: calc(36px * var(--tt-wide-scale)) !important;
    padding:
      calc(8px * var(--tt-wide-scale))
      calc(16px * var(--tt-wide-scale)) !important;
    font-size: calc(12.5px * var(--tt-wide-scale)) !important;
  }

  .home-page header.site .h-spacer {
    display: none !important;
  }

  .home-page header.site .h-actions {
    grid-column: 3 !important;
    grid-row: 1 !important;
    justify-self: end !important;
    margin: 0 !important;
  }

  .home-page header.site .nav-toggle {
    display: none !important;
  }

  /* Quiet information field on the left, cinematic subject on the right. */
  .home-page .hero-stage,
  .home-page .hero-stage .hero,
  .home-page .hero-stage .hero .himg {
    background: #073c28 !important;
  }

  .home-page .hero-stage .hero {
    height: var(--tt-hero-height) !important;
    min-height: var(--tt-hero-height) !important;
  }

  .home-page .hero-stage .hero::before {
    content: none !important;
  }

  /* A fixed media region prevents the 16:9 film from collapsing into a
     right-edge strip in tall windows or at non-default browser zoom. */
  .home-page .hero-stage .hero .himg {
    inset: 0 0 0 auto !important;
    width: 48% !important;
    height: 100% !important;
  }

  .home-page .hero .himg video,
  .home-page .hero .himg > img {
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    aspect-ratio: auto;
    max-width: none !important;
    object-fit: cover !important;
    object-position: 68% 28% !important;
    transform: none !important;
  }

  .home-page .hero-stage .hero .hcopy {
    position: relative !important;
    inset: auto !important;
    z-index: 2;
    width: var(--tt-reading-surface) !important;
    max-width: none !important;
    height: var(--tt-hero-height) !important;
    min-height: var(--tt-hero-height) !important;
    margin: 0 !important;
    padding:
      calc(54px * var(--tt-hero-base-scale) * var(--tt-wide-scale))
      calc(52px * var(--tt-wide-scale))
      calc(48px * var(--tt-hero-base-scale) * var(--tt-wide-scale))
      var(--tt-hero-gutter) !important;
    justify-content: center !important;
    color: #fff !important;
    background: rgba(7, 60, 40, .96) !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: 24px 0 42px rgba(4, 38, 25, .28) !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
  }

  .home-page .hero-stage .hero .eyebrow {
    gap: calc(9px * var(--tt-hero-base-scale) * var(--tt-wide-scale)) !important;
    width: fit-content;
    margin: 0 0 calc(19px * var(--tt-hero-base-scale)) !important;
    padding:
      calc(7px * var(--tt-hero-base-scale))
      calc(13px * var(--tt-hero-base-scale)) !important;
    color: #8ff0b3 !important;
    font-size: calc(11.5px * var(--tt-hero-base-scale) * var(--tt-wide-scale)) !important;
    line-height: 1.25 !important;
    letter-spacing: .09em !important;
    background: rgba(255, 255, 255, .075) !important;
    border-color: rgba(167, 245, 194, .28) !important;
    box-shadow: none !important;
  }

  .home-page .hero-stage .hero .eyebrow::before {
    width: calc(8px * var(--tt-hero-base-scale) * var(--tt-wide-scale)) !important;
    height: calc(8px * var(--tt-hero-base-scale) * var(--tt-wide-scale)) !important;
    flex-basis: calc(8px * var(--tt-hero-base-scale) * var(--tt-wide-scale)) !important;
    background: #58d486 !important;
    border-color: rgba(143, 240, 179, .26) !important;
    box-shadow: 0 0 0 4px rgba(88, 212, 134, .12) !important;
  }

  .home-page .hero-stage .hero .hcopy h1 {
    max-width: calc(660px * var(--tt-hero-base-scale) * var(--tt-wide-scale)) !important;
    margin: 0 !important;
    color: #fff !important;
    font-size: calc(52px * var(--tt-hero-base-scale) * var(--tt-wide-scale)) !important;
    font-weight: 760 !important;
    line-height: 1.07 !important;
    letter-spacing: -.038em !important;
    text-shadow: 0 3px 22px rgba(0, 0, 0, .18) !important;
  }

  .home-page .hero-stage .hero .hcopy .lead {
    max-width: calc(650px * var(--tt-hero-base-scale) * var(--tt-wide-scale)) !important;
    margin: calc(20px * var(--tt-hero-base-scale)) 0 0 !important;
    color: rgba(255, 255, 255, .81) !important;
    font-size: calc(16.5px * var(--tt-hero-base-scale) * var(--tt-wide-scale)) !important;
    line-height: 1.58 !important;
    text-shadow: none !important;
  }

  /* Four facts become one structured proof surface. */
  .home-page .hero-stage .hero .hero-checks {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    max-width: calc(650px * var(--tt-hero-base-scale) * var(--tt-wide-scale)) !important;
    gap:
      calc(12px * var(--tt-hero-base-scale) * var(--tt-wide-scale))
      calc(22px * var(--tt-hero-base-scale) * var(--tt-wide-scale)) !important;
    margin: calc(22px * var(--tt-hero-base-scale)) 0 0 !important;
    padding:
      calc(15px * var(--tt-hero-base-scale) * var(--tt-wide-scale))
      calc(17px * var(--tt-hero-base-scale) * var(--tt-wide-scale)) !important;
    background: rgba(255, 255, 255, .07) !important;
    border: 1px solid rgba(255, 255, 255, .11) !important;
    border-left: 3px solid #58d486 !important;
    border-radius: 0 10px 10px 0 !important;
    box-shadow: 0 14px 32px rgba(0, 28, 18, .13) !important;
  }

  .home-page .hero-stage .hero .hero-check {
    gap: calc(9px * var(--tt-hero-base-scale) * var(--tt-wide-scale)) !important;
    padding: 0 !important;
    color: rgba(255, 255, 255, .92) !important;
    font-size: calc(13.25px * var(--tt-hero-base-scale) * var(--tt-wide-scale)) !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    transform: none !important;
  }

  .home-page .hero-stage .hero .hero-check i {
    width: calc(26px * var(--tt-hero-base-scale) * var(--tt-wide-scale)) !important;
    height: calc(26px * var(--tt-hero-base-scale) * var(--tt-wide-scale)) !important;
    flex-basis: calc(26px * var(--tt-hero-base-scale) * var(--tt-wide-scale)) !important;
    color: #a7f5c2 !important;
    font-size: calc(15px * var(--tt-hero-base-scale) * var(--tt-wide-scale)) !important;
    background: rgba(88, 212, 134, .13) !important;
    border-color: rgba(143, 240, 179, .2) !important;
    border-radius: 7px !important;
    box-shadow: none !important;
  }

  .home-page .hero-stage .hero .cta-row {
    width: calc(610px * var(--tt-hero-base-scale) * var(--tt-wide-scale)) !important;
    max-width: 100% !important;
    gap: calc(13px * var(--tt-hero-base-scale) * var(--tt-wide-scale)) !important;
    margin: calc(22px * var(--tt-hero-base-scale)) 0 0 !important;
  }

  .home-page .hero-stage .hero .cta-row .btn {
    min-height: calc(50px * var(--tt-hero-base-scale) * var(--tt-wide-scale)) !important;
    padding-inline: calc(20px * var(--tt-hero-base-scale) * var(--tt-wide-scale)) !important;
    border-radius: calc(9px * var(--tt-hero-base-scale) * var(--tt-wide-scale)) !important;
    font-size: calc(14px * var(--tt-hero-base-scale) * var(--tt-wide-scale)) !important;
  }

  .home-page .hero-stage .hero .cta-row .btn-primary {
    color: #073c28 !important;
    background: #75e59d !important;
    border-color: #75e59d !important;
  }

  .home-page .hero-stage .hero .cta-row .btn-primary:hover {
    background: #8bedad !important;
    border-color: #8bedad !important;
  }

  .home-page .hero-stage .hero .cta-row .btn-ghost {
    color: #fff !important;
    background: rgba(255, 255, 255, .04) !important;
    border-color: rgba(255, 255, 255, .46) !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
  }

  .home-page .hero-stage .hero .cta-row .btn-ghost:hover {
    color: #073c28 !important;
    background: #fff !important;
    border-color: #fff !important;
  }

  .home-page .hero-times .clocks,
  .home-page .stats .wrap,
  .home-page .trust .wrap {
    max-width: calc(1344px * var(--tt-wide-scale)) !important;
  }
}

@media (min-width: 901px) and (max-width: 1280px) {
  .home-page {
    --tt-reading-surface: 60%;
  }

  .home-page .hero-stage .hero .himg {
    width: 40% !important;
  }

  .home-page .hero .himg video,
  .home-page .hero .himg > img {
    object-position: 80% 28% !important;
  }
}

/* The in-between tablet layout keeps the same calm reading field. */
@media (min-width: 721px) and (max-width: 900px) {
  .home-page .hero-stage .hero,
  .home-page .hero-stage .hero .himg {
    background: #073c28 !important;
  }

  .home-page .hero-stage .hero::before {
    content: none !important;
  }

  .home-page .hero .himg video,
  .home-page .hero .himg > img {
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    aspect-ratio: auto;
    max-width: none !important;
    object-fit: cover !important;
    object-position: 80% 28% !important;
  }

  .home-page .hero-stage .hero .himg {
    inset: 0 0 0 auto !important;
    width: 40% !important;
    height: 100% !important;
  }

  .home-page .hero-stage .hero .hcopy {
    width: 60% !important;
    padding: 38px 30px 34px !important;
    color: #fff !important;
    background: rgba(7, 60, 40, .95) !important;
    box-shadow: 26px 0 42px rgba(4, 38, 25, .3) !important;
  }

  .home-page .hero-stage .hero h1 {
    color: #fff !important;
  }

  .home-page .hero-stage .hero .lead {
    color: rgba(255, 255, 255, .82) !important;
  }

  .home-page .hero-stage .hero .eyebrow {
    color: #8ff0b3 !important;
  }

  .home-page .hero-stage .hero .hero-check {
    color: rgba(255, 255, 255, .92) !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
  }

  .home-page .hero-stage .hero .hero-checks {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 12px 14px !important;
    margin-top: 20px !important;
    padding: 15px 14px !important;
    background: rgba(255, 255, 255, .06) !important;
    border: 1px solid rgba(255, 255, 255, .12) !important;
    border-left: 3px solid #58d486 !important;
    border-radius: 0 10px 10px 0 !important;
  }

  .home-page .hero-stage .hero .hero-check {
    padding: 0 !important;
    font-size: 11.5px !important;
    line-height: 1.3 !important;
  }

  .home-page .hero-stage .hero .hero-check i {
    color: #a7f5c2 !important;
    background: rgba(88, 212, 134, .13) !important;
    border-color: rgba(143, 240, 179, .2) !important;
  }

  .home-page .hero-stage .hero .cta-row .btn-ghost {
    color: #fff !important;
    background: rgba(255, 255, 255, .04) !important;
    border-color: rgba(255, 255, 255, .46) !important;
  }

  .home-page .hero-stage .hero .cta-row {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
    margin-top: 20px !important;
  }

  .home-page .hero-stage .hero .cta-row .btn {
    min-width: 0 !important;
    min-height: 48px !important;
    padding-inline: 13px !important;
    font-size: 11.5px !important;
  }
}

/* Mobile keeps the existing image-led glass card, but the four facts become a
   compact 2×2 proof panel so the first-screen hierarchy stays clean. */
@media (max-width: 720px) {
  .home-page .hero-stage .hero .hcopy {
    padding: 20px 19px 18px !important;
  }

  .home-page .hero-stage .hero .hero-checks {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 11px 12px !important;
    margin-top: 17px !important;
    padding: 14px 12px !important;
    background: rgba(255, 255, 255, .055) !important;
    border: 1px solid rgba(255, 255, 255, .12) !important;
    border-left: 3px solid #58d486 !important;
    border-radius: 0 10px 10px 0 !important;
  }

  .home-page .hero-stage .hero .hero-check {
    gap: 7px !important;
    padding: 0 !important;
    color: rgba(255, 255, 255, .93) !important;
    font-size: 10.75px !important;
    line-height: 1.3 !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
  }

  .home-page .hero-stage .hero .hero-check:hover {
    transform: none !important;
    box-shadow: none !important;
  }

  .home-page .hero-stage .hero .hero-check i {
    width: 24px !important;
    height: 24px !important;
    flex-basis: 24px !important;
    color: #a7f5c2 !important;
    background: rgba(88, 212, 134, .13) !important;
    border-color: rgba(143, 240, 179, .2) !important;
    border-radius: 7px !important;
    box-shadow: none !important;
  }

  .home-page .hero-stage .hero .cta-row {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 9px !important;
    margin-top: 17px !important;
  }

  .home-page .hero-stage .hero .cta-row .btn {
    min-width: 0 !important;
    padding-inline: 12px !important;
    font-size: 11.5px !important;
  }
}

@media (max-width: 380px) {
  .home-page .hero-stage .hero .hero-checks,
  .home-page .hero-stage .hero .cta-row {
    grid-template-columns: 1fr !important;
  }
}

/* ==========================================================================
   Responsive composition v174

   Faithful Dolphlink media treatment:
   - the 16:9 film is always the full-bleed hero background
   - copy sits directly over the film, never inside a split panel or glass card
   - a milky white veil protects the reading area and fades into the subject
   - the same composition survives desktop, tablet and mobile; only the crop,
     veil strength, type scale and action stack change
   ========================================================================== */

.home-page .hero-stage {
  background: #f5faf6 !important;
}

.home-page .hero-stage::after,
.home-page .hero-stage .hero::before {
  content: none !important;
}

.home-page .hero-stage .hero {
  position: relative !important;
  display: block !important;
  overflow: hidden !important;
  isolation: isolate !important;
  background: #f5faf6 !important;
}

.home-page .hero-stage .hero .himg {
  position: absolute !important;
  z-index: 1 !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 0 !important;
  overflow: hidden !important;
  background: #edf5ef !important;
}

.home-page .hero-stage .hero .himg::after {
  content: "";
  display: block !important;
  position: absolute;
  z-index: 2;
  inset: 0;
  pointer-events: none;
  background:
    linear-gradient(
      90deg,
      rgba(249, 252, 250, .97) 0%,
      rgba(249, 252, 250, .78) 32%,
      rgba(249, 252, 250, .20) 56%,
      rgba(249, 252, 250, 0) 72%
    ),
    linear-gradient(
      180deg,
      transparent 60%,
      rgba(249, 252, 250, .48) 82%,
      rgba(249, 252, 250, .90) 96%,
      #fbfdfb 100%
    );
}

.home-page .hero-stage .hero .himg video,
.home-page .hero-stage .hero .himg > img {
  position: absolute !important;
  inset: 0 !important;
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  aspect-ratio: auto !important;
  object-fit: cover !important;
  object-position: 60% 30% !important;
  transform: none !important;
}

.home-page .hero-stage .hero .vstrip {
  display: none !important;
}

.home-page .hero-stage .hero .hcopy {
  position: relative !important;
  z-index: 3 !important;
  inset: auto !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  justify-content: center !important;
  width: min(58%, 820px) !important;
  max-width: none !important;
  height: 100% !important;
  min-height: inherit !important;
  margin: 0 !important;
  padding:
    clamp(54px, 5vw, 88px)
    clamp(48px, 4.5vw, 86px)
    clamp(58px, 5.4vw, 96px)
    clamp(44px, 4.2vw, 82px) !important;
  color: #203a2a !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}

.home-page .hero-stage .hero .eyebrow {
  width: fit-content !important;
  max-width: 100% !important;
  margin: 0 0 20px !important;
  padding: 7px 13px !important;
  color: #218a47 !important;
  font-size: clamp(10.5px, .72vw, 12px) !important;
  line-height: 1.25 !important;
  letter-spacing: .09em !important;
  background: rgba(255, 255, 255, .52) !important;
  border: 1px solid rgba(45, 163, 84, .22) !important;
  border-radius: 999px !important;
  box-shadow: none !important;
  text-shadow: none !important;
  transform: none !important;
}

.home-page .hero-stage .hero .eyebrow::before {
  width: 8px !important;
  height: 8px !important;
  flex: 0 0 8px !important;
  color: transparent !important;
  background: #3ab15d !important;
  border: 0 !important;
  border-radius: 50% !important;
  box-shadow: 0 0 0 4px rgba(58, 177, 93, .12) !important;
}

.home-page .hero-stage .hero .hcopy h1 {
  width: min(100%, 700px) !important;
  max-width: 700px !important;
  margin: 0 !important;
  color: #111d16 !important;
  font-size: clamp(50px, 3.15vw, 60px) !important;
  font-weight: 760 !important;
  line-height: 1.08 !important;
  letter-spacing: -.035em !important;
  text-shadow: none !important;
}

.home-page .hero-stage .hero .hcopy .lead {
  width: min(100%, 650px) !important;
  max-width: 650px !important;
  margin: 22px 0 0 !important;
  color: #43544a !important;
  font-size: clamp(15px, 1vw, 17px) !important;
  line-height: 1.62 !important;
  text-shadow: none !important;
}

.home-page .hero-stage .hero .hero-checks {
  display: grid !important;
  grid-template-columns: 1fr !important;
  width: min(100%, 620px) !important;
  max-width: 620px !important;
  gap: 10px !important;
  margin: 24px 0 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

.home-page .hero-stage .hero .hero-check {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  min-height: 24px !important;
  padding: 0 !important;
  color: #34483b !important;
  font-size: clamp(13px, .9vw, 15.5px) !important;
  font-weight: 540 !important;
  line-height: 1.4 !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
  transform: none !important;
}

.home-page .hero-stage .hero .hero-check:hover {
  box-shadow: none !important;
  transform: none !important;
}

.home-page .hero-stage .hero .hero-check i {
  display: inline-grid !important;
  place-items: center !important;
  width: 24px !important;
  height: 24px !important;
  flex: 0 0 24px !important;
  color: #24984b !important;
  font-size: 18px !important;
  font-weight: 800 !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

.home-page .hero-stage .hero .cta-row {
  display: flex !important;
  flex-wrap: wrap !important;
  width: auto !important;
  max-width: 100% !important;
  gap: 14px !important;
  margin: 26px 0 0 !important;
}

.home-page .hero-stage .hero .cta-row .btn {
  width: auto !important;
  min-width: 212px !important;
  min-height: 52px !important;
  padding: 13px 20px !important;
  justify-content: space-between !important;
  color: #176f37 !important;
  font-size: 14px !important;
  font-weight: 750 !important;
  background: rgba(255, 255, 255, .88) !important;
  border: 1px solid rgba(42, 149, 76, .24) !important;
  border-radius: 12px !important;
  box-shadow: 0 10px 24px rgba(26, 103, 51, .08) !important;
  -webkit-backdrop-filter: blur(7px) !important;
  backdrop-filter: blur(7px) !important;
}

.home-page .hero-stage .hero .cta-row .btn-primary {
  color: #fff !important;
  background: #31ad5b !important;
  border-color: #31ad5b !important;
  box-shadow: 0 12px 28px rgba(32, 139, 69, .24) !important;
}

.home-page .hero-stage .hero .cta-row .btn-primary:hover {
  background: #278f4a !important;
  border-color: #278f4a !important;
}

.home-page .hero-stage .hero .cta-row .btn-ghost:hover {
  color: #176f37 !important;
  background: #fff !important;
  border-color: rgba(42, 149, 76, .42) !important;
}

@media (min-width: 901px) {
  .home-page .hero-stage .hero {
    height:
      clamp(
        640px,
        min(
          46vw,
          calc(100svh - (52px * var(--tt-wide-scale, 1)))
        ),
        920px
      ) !important;
    min-height:
      clamp(
        640px,
        min(
          46vw,
          calc(100svh - (52px * var(--tt-wide-scale, 1)))
        ),
        920px
      ) !important;
  }

  .home-page .hero-stage .hero .hcopy {
    padding-top: clamp(42px, 6svh, 82px) !important;
    padding-bottom: clamp(42px, 6svh, 82px) !important;
  }
}

@media (min-width: 1600px) {
  .home-page .hero-stage .hero .hcopy {
    width: min(56%, 900px) !important;
    padding-left: clamp(68px, 5vw, 110px) !important;
  }
}

@media (min-width: 2200px) {
  .home-page .hero-stage .hero .hcopy {
    inset: auto !important;
    width: min(54%, 980px) !important;
    max-width: 980px !important;
  }

  .home-page .hero-stage .hero .hcopy h1 {
    width: 780px !important;
    max-width: 780px !important;
    font-size: 64px !important;
  }
}

@media (min-width: 901px) and (min-aspect-ratio: 12 / 5) {
  .home-page .hero-stage .hero .himg video,
  .home-page .hero-stage .hero .himg > img {
    object-position: 60% 8% !important;
  }
}

@media (min-width: 721px) and (max-width: 1100px) {
  .home-page .hero-stage .hero .himg video,
  .home-page .hero-stage .hero .himg > img {
    object-position: 72% 30% !important;
  }

  .home-page .hero-stage .hero .himg::after {
    background:
      linear-gradient(
        102deg,
        rgba(249, 252, 250, .97) 0%,
        rgba(249, 252, 250, .90) 38%,
        rgba(249, 252, 250, .62) 60%,
        rgba(249, 252, 250, .24) 84%,
        rgba(249, 252, 250, .10) 100%
      ),
      linear-gradient(
        180deg,
        transparent 62%,
        rgba(249, 252, 250, .48) 84%,
        #fbfdfb 100%
      );
  }

  .home-page .hero-stage .hero .hcopy {
    width: min(68%, 690px) !important;
    padding: 52px 34px 58px 34px !important;
  }

  .home-page .hero-stage .hero .hcopy h1 {
    font-size: clamp(40px, 5.2vw, 52px) !important;
  }
}

@media (max-width: 900px) {
  .home-page .hero-stage .hero {
    height: auto !important;
    min-height: 620px !important;
  }

  .home-page .hero-stage .hero .himg video,
  .home-page .hero-stage .hero .himg > img {
    object-position: 75% 30% !important;
  }

  .home-page .hero-stage .hero .hcopy {
    width: 100% !important;
    max-width: none !important;
    height: auto !important;
    min-height: 620px !important;
    padding: 46px 28px 56px !important;
  }

  .home-page .hero-stage .hero .hcopy h1 {
    width: min(76vw, 560px) !important;
    font-size: clamp(34px, 7vw, 46px) !important;
  }

  .home-page .hero-stage .hero .hcopy .lead {
    width: min(67vw, 520px) !important;
    font-size: 15px !important;
  }

  .home-page .hero-stage .hero .hero-checks {
    width: min(72vw, 520px) !important;
  }

  .home-page .hero-stage .hero .cta-row {
    flex-direction: column !important;
    align-items: flex-start !important;
    width: min(100%, 340px) !important;
    gap: 10px !important;
  }
}

/* Keep the tablet transition continuous with the <=640px mobile composition.
   The image crop also reserves a clear text-safe zone before the subject. */
@media (min-width: 641px) and (max-width: 900px) {
  .home-page .hero-stage .hero .himg video,
  .home-page .hero-stage .hero .himg > img {
    object-position: 62% 30% !important;
  }

  .home-page .hero-stage .hero .hcopy {
    padding-top: clamp(36px, 5vw, 46px) !important;
    padding-right: clamp(28px, 4.5vw, 40px) !important;
    padding-bottom: clamp(44px, 6vw, 56px) !important;
    padding-left: clamp(28px, 4.5vw, 40px) !important;
  }

  .home-page .hero-stage .hero .hcopy h1 {
    width: min(66vw, 540px) !important;
    max-width: 540px !important;
    font-size: clamp(30px, 4.45vw, 40px) !important;
    line-height: 1.1 !important;
    letter-spacing: -.03em !important;
    text-wrap: balance;
  }

  .home-page .hero-stage .hero .hcopy .eyebrow {
    margin-bottom: clamp(18px, 2.2vw, 20px) !important;
    padding:
      clamp(6px, .78vw, 7px)
      clamp(10px, 1.45vw, 13px) !important;
    font-size: clamp(9.5px, 1.2vw, 10.5px) !important;
  }

  .home-page .hero-stage .hero .hcopy .lead {
    width: min(62vw, 500px) !important;
    max-width: 500px !important;
    margin-top: clamp(18px, 2.45vw, 22px) !important;
    font-size: clamp(13.5px, 1.7vw, 15px) !important;
    line-height: 1.58 !important;
  }

  .home-page .hero-stage .hero .hero-checks {
    width: min(64vw, 500px) !important;
    max-width: 500px !important;
    gap: clamp(8px, 1vw, 10px) !important;
    margin-top: clamp(20px, 2.65vw, 24px) !important;
  }

  .home-page .hero-stage .hero .hero-check {
    min-height: clamp(21px, 2.65vw, 24px) !important;
    gap: clamp(8px, 1.15vw, 10px) !important;
    font-size: clamp(12.25px, 1.55vw, 14px) !important;
  }

  .home-page .hero-stage .hero .hero-check i {
    width: clamp(20px, 2.65vw, 24px) !important;
    height: clamp(20px, 2.65vw, 24px) !important;
    flex-basis: clamp(20px, 2.65vw, 24px) !important;
    font-size: clamp(16px, 2.1vw, 18px) !important;
  }

  .home-page .hero-stage .hero .cta-row {
    width: min(100%, clamp(290px, 45vw, 340px)) !important;
    margin-top: clamp(22px, 2.9vw, 26px) !important;
  }

  .home-page .hero-stage .hero .cta-row .btn {
    min-height: clamp(48px, 5.8vw, 52px) !important;
    padding:
      clamp(11px, 1.45vw, 13px)
      clamp(18px, 2.3vw, 20px) !important;
    font-size: clamp(13px, 1.55vw, 14px) !important;
  }
}

@media (max-width: 640px) {
  .home-page .hero-stage .hero {
    min-height: 600px !important;
  }

  .home-page .hero-stage .hero .himg::after {
    background:
      linear-gradient(
        102deg,
        rgba(249, 252, 250, .97) 0%,
        rgba(249, 252, 250, .91) 38%,
        rgba(249, 252, 250, .66) 60%,
        rgba(249, 252, 250, .40) 84%,
        rgba(249, 252, 250, .28) 100%
      ),
      linear-gradient(
        180deg,
        rgba(249, 252, 250, .12) 0%,
        transparent 52%,
        rgba(249, 252, 250, .34) 80%,
        rgba(249, 252, 250, .74) 100%
      );
  }

  .home-page .hero-stage .hero .hcopy {
    min-height: 600px !important;
    padding: 36px 20px 44px !important;
    justify-content: center !important;
  }

  .home-page .hero-stage .hero .hcopy .eyebrow {
    max-width: 100% !important;
    margin-bottom: 18px !important;
    padding: 6px 10px !important;
    font-size: 9.5px !important;
    letter-spacing: .075em !important;
    gap: 7px !important;
    white-space: nowrap !important;
  }

  .home-page .hero-stage .hero .hcopy h1 {
    width: min(82vw, 420px) !important;
    max-width: 420px !important;
    font-size: clamp(27px, 7vw, 30px) !important;
    line-height: 1.14 !important;
    letter-spacing: -.025em !important;
  }

  .home-page .hero-stage .hero .hcopy .lead {
    width: min(69vw, 320px) !important;
    max-width: 320px !important;
    margin-top: 18px !important;
    font-size: 13.5px !important;
    line-height: 1.55 !important;
  }

  .home-page .hero-stage .hero .hero-checks {
    width: min(76vw, 340px) !important;
    gap: 8px !important;
    margin-top: 20px !important;
  }

  .home-page .hero-stage .hero .hero-check {
    min-height: 21px !important;
    gap: 8px !important;
    font-size: 12.25px !important;
    line-height: 1.35 !important;
  }

  .home-page .hero-stage .hero .hero-check i {
    width: 20px !important;
    height: 20px !important;
    flex-basis: 20px !important;
    font-size: 16px !important;
  }

  .home-page .hero-stage .hero .cta-row {
    width: min(100%, 290px) !important;
    margin-top: 22px !important;
  }

  .home-page .hero-stage .hero .cta-row .btn {
    min-width: 0 !important;
    min-height: 48px !important;
    padding: 11px 18px !important;
    font-size: 13px !important;
  }
}

/* Continue the same scale into compact desktop widths so the 900/901px
   boundary does not reintroduce a second typography and crop jump. */
@media (min-width: 901px) and (max-width: 1279px) {
  .home-page .hero-stage .hero {
    height:
      clamp(
        620px,
        calc(529.4px + 10.06vw),
        640px
      ) !important;
    min-height:
      clamp(
        620px,
        calc(529.4px + 10.06vw),
        640px
      ) !important;
  }

  .home-page .hero-stage .hero .himg video,
  .home-page .hero-stage .hero .himg > img {
    object-position: 62% 30% !important;
  }

  .home-page .hero-stage .hero .hcopy {
    width: min(68%, 760px) !important;
    padding-top: clamp(45px, 4.75vw, 52px) !important;
    padding-right: clamp(40px, 4.35vw, 48px) !important;
    padding-bottom: clamp(54px, 5.2vw, 58px) !important;
    padding-left: clamp(40px, 4.35vw, 48px) !important;
  }

  .home-page .hero-stage .hero .hcopy h1 {
    width: min(62vw, 600px) !important;
    max-width: 600px !important;
    font-size:
      clamp(
        40px,
        calc(-5.3px + 5.03vw),
        50px
      ) !important;
    line-height: 1.09 !important;
    letter-spacing: -.032em !important;
    text-wrap: balance;
  }

  .home-page .hero-stage .hero .hcopy .lead,
  .home-page .hero-stage .hero .hero-checks {
    width: min(58vw, 570px) !important;
    max-width: 570px !important;
  }
}

/* Compact desktop header: keep the full navigation, but reclaim the excess
   brand-track width that otherwise makes About and the language control
   collide immediately above the mobile breakpoint. */
@media (min-width: 901px) and (max-width: 1023px) {
  .home-page header.site {
    grid-template-columns: 185px minmax(0, 1fr) auto !important;
  }

  .home-page header.site::before {
    left: 185px !important;
  }

  .home-page header.site .brand {
    padding-right: 18px !important;
  }

  .home-page header.site .brand img {
    width: 130px !important;
  }

  .home-page header.site nav {
    gap: clamp(2px, .4vw, 5px) !important;
    padding-left: 10px !important;
  }

  .home-page header.site nav a {
    padding-inline: 8px !important;
  }
}

@media (max-width: 380px) {
  .home-page .hero-stage .hero,
  .home-page .hero-stage .hero .hcopy {
    min-height: 630px !important;
  }

  .home-page .hero-stage .hero .hcopy {
    padding-inline: 18px !important;
  }
}

/* ==========================================================================
   Responsive composition v176

   Final header and ultra-wide focal corrections:
   - one optical type size for navigation, language and sales controls
   - no divider/shadow seam between the header and full-bleed hero
   - top-anchored film crop on very wide, shallow viewports
   ========================================================================== */

.home-page header.site {
  border-top: 0 !important;
  border-bottom: 0 !important;
  box-shadow: none !important;
}

@media (min-width: 901px) {
  .home-page header.site {
    --tt-header-control-size: calc(12.5px * var(--tt-wide-scale, 1));
    --tt-header-control-line: calc(18px * var(--tt-wide-scale, 1));
  }

  body.home-page header.site nav a:not(.mobile-nav-contact),
  .home-page header.site .lang-btn,
  .home-page header.site .h-actions > .btn {
    font-size: var(--tt-header-control-size) !important;
    line-height: var(--tt-header-control-line) !important;
  }

  .home-page header.site .lang-cur {
    font: inherit !important;
  }
}

@media (min-width: 901px) and (min-aspect-ratio: 12 / 5) {
  .home-page .hero-stage .hero .himg video,
  .home-page .hero-stage .hero .himg > img {
    object-position: 60% 0% !important;
  }
}

/* Compact header: keep one predictable composition throughout the whole
   collapsed-navigation range. The sales CTA remains available in the menu. */
@media (max-width: 900px) {
  body.home-page header.site {
    padding-inline: 12px 8px !important;
  }

  body.home-page header.site .h-actions {
    right: 60px !important;
    gap: 0 !important;
    margin: 0 !important;
  }

  body.home-page header.site .h-actions > .btn {
    display: none !important;
  }

  body.home-page header.site .nav-toggle {
    right: 8px !important;
  }

  body.home-page header.site nav .mobile-nav-contact {
    display: flex !important;
  }
}

/* ==========================================================================
   Responsive composition v177

   Standardize the three proof modules below the Hero against the same content
   frame used by Platform, Industries and the remaining homepage sections.
   ========================================================================== */

.home-page .hero-times .clocks {
  width: calc(100% - 64px) !important;
  max-width: 1280px !important;
  margin-inline: auto !important;
}

body.home-page .hero-stage .stats .wrap,
body.home-page .hero-stage .trust .wrap {
  width: 100% !important;
  max-width: 1344px !important;
  margin-inline: auto !important;
  padding-inline: 32px !important;
  box-sizing: border-box !important;
}

@media (max-width: 640px) {
  .home-page .hero-times .clocks {
    width: calc(100% - 36px) !important;
  }

  body.home-page .hero-stage .stats .wrap,
  body.home-page .hero-stage .trust .wrap {
    padding-inline: 18px !important;
  }
}

/* ==========================================================================
   Responsive composition v178

   Three-surface module cadence:
   white -> light cyan -> deeper cyan -> repeat.
   Hero media and the corporate-green footer remain intentional brand anchors.
   ========================================================================== */

body.home-page {
  --tt-surface-white: #ffffff;
  --tt-surface-cyan-light: #f5faf7;
  --tt-surface-cyan-deep: #e8f7f3;
}

body.home-page .hero-times,
body.home-page .stats,
body.home-page .industries-section,
body.home-page .story {
  background-color: var(--tt-surface-white) !important;
  background-image: none !important;
}

body.home-page .trust,
body.home-page .flow,
body.home-page .compl.compliance-showcase {
  background-color: var(--tt-surface-cyan-light) !important;
  background-image: none !important;
}

body.home-page .platform-section,
body.home-page .proc,
body.home-page .contact-build {
  background-color: var(--tt-surface-cyan-deep) !important;
  background-image: none !important;
}

/* The regional-time strip is no longer present, so the legacy Hero divider
   must not remain exposed between the video and the proof metrics. */
body.home-page .hero-stage .hero {
  border-bottom: 0 !important;
}

/* The contact surface already has equal block padding; remove the obsolete
   ornamental rule so the centered panel reads as one clean module. */
body.home-page .contact-build::before {
  display: none !important;
}

/* Five platform-scale proofs: one balanced row on desktop, centered wrapping
   at intermediate widths, and a readable two-column phone composition. */
body.home-page .hero-stage .stats .wrap {
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  gap: 12px !important;
}

body.home-page .hero-stage .stats .stat {
  min-width: 0;
  padding-inline: 16px !important;
}

body.home-page .hero-stage .stats .stat > div {
  min-width: 0;
}

/* Partner module v188: a quieter hierarchy and larger, more legible marks
   after removing the redundant industry-chip navigation. */
body.home-page .trust .partners-head {
  margin-bottom: 34px !important;
}

body.home-page .trust .partner-marquee {
  min-height: 119px !important;
  padding-block: 4px 8px !important;
}

body.home-page .trust .partner-group {
  gap: 20px !important;
  padding-right: 20px !important;
}

body.home-page .hero-stage .trust .partner-marquee .partner-group img {
  width: 180px !important;
  min-width: 180px !important;
  height: 111px !important;
  padding: 0 !important;
  border-radius: 16px !important;
}

@media (max-width: 640px) {
  body.home-page .trust .partners-head {
    margin-bottom: 26px !important;
  }

  body.home-page .trust .partner-marquee {
    min-height: 104px !important;
  }

  body.home-page .trust .partner-group {
    gap: 14px !important;
    padding-right: 14px !important;
  }

  body.home-page .hero-stage .trust .partner-marquee .partner-group img {
    width: 156px !important;
    min-width: 156px !important;
    height: 96px !important;
    border-radius: 14px !important;
  }
}

body.home-page .hero-stage .stats .stat span {
  line-height: 1.35;
  text-wrap: balance;
}

@media (min-width: 700px) and (max-width: 1199px) {
  body.home-page .hero-stage .stats .wrap {
    grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
  }

  body.home-page .hero-stage .stats .stat {
    grid-column: span 2;
  }

  body.home-page .hero-stage .stats .stat:nth-child(4) {
    grid-column: 2 / span 2;
  }
}

@media (max-width: 699px) {
  body.home-page .hero-stage .stats .wrap {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
  }

  body.home-page .hero-stage .stats .stat:last-child {
    grid-column: 1 / -1;
  }
}

@media (max-width: 380px) {
  body.home-page .hero-stage .stats .wrap {
    grid-template-columns: 1fr !important;
  }

  body.home-page .hero-stage .stats .stat:last-child {
    grid-column: auto;
  }
}


/* source: styles/footer-v189.css */
/* Footer v189 — Dolphlink-inspired scenic footer using Talktide's Malaysia /
   Southeast Asia image, content and green brand system. */

.home-page footer.site {
  position: relative !important;
  isolation: isolate;
  min-height: 0 !important;
  height: auto !important;
  padding: clamp(48px, 5vw, 72px) 0 0 !important;
  overflow: hidden !important;
  border: 0 !important;
  color: #183b2b !important;
  background-color: #0c7652 !important;
  background-image: url("../media/myid/talktide-malaysia-sea-footer-v4.webp") !important;
  background-repeat: no-repeat !important;
  background-position: center 52% !important;
  background-size: cover !important;
  box-shadow: none !important;
}

.home-page footer.site::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background: rgba(5, 58, 39, .18) !important;
  pointer-events: none;
}

.home-page footer.site::after {
  content: "";
  position: absolute;
  top: 0;
  right: 5%;
  left: 5%;
  z-index: 1;
  height: 1px;
  background: rgba(255, 255, 255, .74) !important;
  pointer-events: none;
}

.home-page footer.site > .wrap {
  position: relative;
  z-index: 2;
  width: 100% !important;
  max-width: none !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
}

.home-page footer.site .foot-top {
  display: grid !important;
  grid-template-columns:
    minmax(250px, 1.24fr)
    minmax(170px, .82fr)
    minmax(185px, .88fr)
    minmax(160px, .76fr)
    minmax(265px, 1.24fr) !important;
  gap: clamp(12px, 1.15vw, 18px) !important;
  width: min(calc(100% - 48px), 1500px) !important;
  height: auto !important;
  margin: 0 auto !important;
  padding: 0 0 clamp(42px, 4vw, 58px) !important;
}

.home-page footer.site .foot-brand,
.home-page footer.site .fcol,
.home-page footer.site .foot-top > .foff {
  display: block !important;
  min-width: 0;
  min-height: 398px !important;
  padding: clamp(24px, 2vw, 30px) !important;
  border: 1px solid rgba(255, 255, 255, .72) !important;
  border-radius: 18px !important;
  color: #234a38 !important;
  background: rgba(249, 253, 251, .80) !important;
  box-shadow: 0 18px 44px rgba(5, 52, 35, .18) !important;
  -webkit-backdrop-filter: blur(20px) saturate(115%);
  backdrop-filter: blur(20px) saturate(115%);
}

.home-page footer.site .foot-brand {
  display: flex !important;
  flex-direction: column;
  align-items: flex-start;
}

.home-page footer.site .foot-brand .fb {
  display: flex;
  align-items: center;
  min-height: 42px;
  margin: 0 0 22px !important;
}

.home-page footer.site .foot-brand .fb img {
  display: block;
  width: min(100%, 190px) !important;
  height: auto !important;
  max-height: none !important;
  filter: none !important;
  opacity: 1 !important;
}

.home-page footer.site .foot-brand > p.foff {
  display: block !important;
  max-width: 290px !important;
  margin: 0 !important;
  color: #365c49 !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  line-height: 1.65 !important;
}

.home-page footer.site .foot-social {
  display: flex !important;
  flex-wrap: wrap;
  gap: 9px !important;
  margin-top: auto !important;
  padding-top: 24px !important;
}

.home-page footer.site .foot-social a {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  width: 40px !important;
  height: 40px !important;
  margin: 0 !important;
  border: 1px solid rgba(26, 132, 75, .18) !important;
  border-radius: 11px !important;
  color: #147a43 !important;
  background: rgba(255, 255, 255, .68) !important;
  transition: color .2s ease, background-color .2s ease, transform .2s ease;
}

.home-page footer.site .foot-social a:hover,
.home-page footer.site .foot-social a:focus-visible {
  color: #fff !important;
  background: #178b4b !important;
  transform: translateY(-2px);
}

.home-page footer.site .foot-social .ti {
  font-size: 18px;
}

.home-page footer.site .fcol h4,
.home-page footer.site .foot-top > .foff b {
  display: block !important;
  margin: 0 0 21px !important;
  color: #173d2a !important;
  font-family: var(--sans, "Inter", "Segoe UI", sans-serif) !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  line-height: 1.3 !important;
  letter-spacing: .1em !important;
  text-transform: uppercase;
}

.home-page footer.site .fcol a {
  display: block !important;
  width: fit-content;
  max-width: 100%;
  margin: 0 0 8px !important;
  color: #355b48 !important;
  font-family: var(--sans, "Inter", "Segoe UI", sans-serif) !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  line-height: 1.45 !important;
  overflow-wrap: anywhere;
}

.home-page footer.site .fcol a:hover,
.home-page footer.site .fcol a:focus-visible,
.home-page footer.site .foot-top > .foff a:hover,
.home-page footer.site .foot-top > .foff a:focus-visible {
  color: #08713b !important;
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 4px;
}

.home-page footer.site .foot-top > .foff p {
  margin: 0 0 18px !important;
  color: #355b48 !important;
  font-family: var(--sans, "Inter", "Segoe UI", sans-serif) !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  line-height: 1.62 !important;
  overflow-wrap: anywhere;
}

.home-page footer.site .foot-top > .foff a {
  color: #126f3e !important;
  font-weight: 700 !important;
}

.home-page footer.site .foot-bottom {
  position: relative;
  display: flex !important;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  width: 100% !important;
  min-height: 74px !important;
  margin: 0 !important;
  padding: 18px max(24px, calc((100vw - 1500px) / 2)) !important;
  border: 0 !important;
  border-top: 1px solid rgba(16, 88, 52, .12) !important;
  color: #486657 !important;
  background: rgba(255, 255, 255, .94) !important;
  font-family: var(--sans, "Inter", "Segoe UI", sans-serif) !important;
  font-size: 12.5px !important;
  line-height: 1.45 !important;
  -webkit-backdrop-filter: blur(18px);
  backdrop-filter: blur(18px);
}

.home-page footer.site .foot-bottom .lang.dark {
  display: flex;
  align-items: center;
  gap: 5px;
}

.home-page footer.site .foot-bottom .lang.dark button {
  min-width: 36px;
  min-height: 34px;
  padding: 6px 9px;
  border-radius: 9px;
  color: #315442 !important;
  font-size: 12px !important;
  font-weight: 700 !important;
}

.home-page footer.site .foot-bottom .lang.dark button:hover,
.home-page footer.site .foot-bottom .lang.dark button:focus-visible {
  color: #0c703b !important;
  background: rgba(23, 139, 75, .10);
}

.home-page footer.site .foot-bottom .lang.dark button.on {
  color: #fff !important;
  background: #178b4b !important;
}

.home-page footer.site .foot-bottom .sepdot {
  color: rgba(49, 84, 66, .36) !important;
}

@media (max-width: 1120px) {
  .home-page footer.site {
    background-position: 62% center !important;
  }

  .home-page footer.site .foot-top {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    width: min(calc(100% - 40px), 900px) !important;
  }

  .home-page footer.site .foot-brand {
    grid-column: 1 / -1;
    min-height: 270px !important;
  }

  .home-page footer.site .foot-brand > p.foff {
    max-width: 560px !important;
  }

  .home-page footer.site .fcol,
  .home-page footer.site .foot-top > .foff {
    min-height: 330px !important;
  }

  .home-page footer.site .foot-top > .foff {
    grid-column: 1 / -1;
    min-height: 240px !important;
  }
}

@media (max-width: 620px) {
  body.home-page footer.site {
    padding-top: 24px !important;
    background-color: #d7ebe2 !important;
    background-position: 72% bottom !important;
    background-size: auto 980px !important;
  }

  body.home-page footer.site::before {
    background: rgba(5, 58, 39, .24) !important;
  }

  body.home-page footer.site .foot-top {
    grid-template-columns: 1fr !important;
    width: min(calc(100% - 24px), 440px) !important;
    gap: 12px !important;
    padding-bottom: 22px !important;
  }

  body.home-page footer.site .foot-brand,
  body.home-page footer.site .fcol,
  body.home-page footer.site .foot-top > .foff {
    grid-column: auto;
    width: 100% !important;
    min-height: 0 !important;
    padding: 23px !important;
    border-radius: 16px !important;
  }

  body.home-page footer.site .foot-brand {
    min-height: 280px !important;
  }

  body.home-page footer.site .foot-brand > p.foff {
    max-width: 310px !important;
  }

  body.home-page footer.site .foot-bottom {
    align-items: flex-start;
    flex-direction: column;
    min-height: 0 !important;
    padding: 18px 16px calc(18px + env(safe-area-inset-bottom)) !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .home-page footer.site .foot-social a {
    transition: none;
  }
}


/* source: styles/wide-layout-footer-v191.css */
/* ==========================================================================
   Wide layout + scenic glass footer v191

   A fluid wide-screen frame prevents the homepage from collapsing into a
   narrow island on large displays. The footer keeps its existing information
   architecture while using a lighter, calmer glass treatment over a softly
   defocused Malaysia / Southeast Asia background.
   ========================================================================== */

body.home-page {
  --tt-wide-frame: 2160px;
  --tt-wide-width: 94vw;
  --tt-wide-gutter: clamp(40px, 2.5vw, 72px);
}

@media (min-width: 1600px) {
  body.home-page .hero-stage .stats .wrap,
  body.home-page .hero-stage .trust .wrap,
  body.home-page .platform-section .wrap,
  body.home-page .industries-section .wrap,
  body.home-page .flow .wrap,
  body.home-page .proc .wrap,
  body.home-page .story .wrap,
  body.home-page .compl .wrap {
    width: min(var(--tt-wide-width), var(--tt-wide-frame)) !important;
    max-width: var(--tt-wide-frame) !important;
    margin-inline: auto !important;
    padding-inline: var(--tt-wide-gutter) !important;
    box-sizing: border-box !important;
  }

  body.home-page .hero-stage .hero .hcopy {
    margin-left:
      max(
        calc(3vw + var(--tt-wide-gutter)),
        calc((100vw - var(--tt-wide-frame)) / 2 + var(--tt-wide-gutter))
      ) !important;
  }

  body.home-page .contact-build-panel {
    width: min(var(--tt-wide-width), 1920px) !important;
    max-width: 1920px !important;
    padding-inline: clamp(48px, 4vw, 84px) !important;
  }

  body.home-page .contact-team-grid {
    max-width: none !important;
  }
}

/* The image is painted on its own oversized layer so it can be blurred
   without softening the footer copy, cards or controls. */
body.home-page footer.site {
  padding-top: clamp(58px, 5vw, 88px) !important;
  background-color: #a9cbbd !important;
  background-image: none !important;
}

body.home-page footer.site::before {
  inset: -28px !important;
  z-index: -2 !important;
  background:
    linear-gradient(
      180deg,
      rgba(235, 247, 241, .20) 0%,
      rgba(13, 87, 61, .08) 100%
    ),
    url("../media/myid/talktide-malaysia-sea-footer-v4.webp")
      center 52% / cover no-repeat !important;
  filter: blur(14px) saturate(88%) !important;
  transform: scale(1.045);
  transform-origin: center;
}

body.home-page footer.site::after {
  right: 3% !important;
  left: 3% !important;
  background: rgba(255, 255, 255, .56) !important;
}

body.home-page footer.site .foot-top {
  align-items: stretch !important;
  grid-template-columns:
    minmax(280px, 1.18fr)
    minmax(190px, .78fr)
    minmax(210px, .88fr)
    minmax(180px, .72fr)
    minmax(300px, 1.20fr) !important;
  gap: clamp(18px, 1.4vw, 28px) !important;
  width: min(94vw, 2160px) !important;
  padding-bottom: clamp(52px, 4.5vw, 76px) !important;
}

body.home-page footer.site .foot-brand,
body.home-page footer.site .fcol,
body.home-page footer.site .foot-top > .foff {
  min-height: 374px !important;
  padding: clamp(27px, 2.2vw, 38px) !important;
  border-color: rgba(255, 255, 255, .48) !important;
  background: rgba(249, 253, 251, .58) !important;
  box-shadow:
    0 20px 46px rgba(5, 52, 35, .11),
    inset 0 1px 0 rgba(255, 255, 255, .34) !important;
  -webkit-backdrop-filter: blur(24px) saturate(108%) !important;
  backdrop-filter: blur(24px) saturate(108%) !important;
}

@media (min-width: 1121px) {
  body.home-page footer.site .foot-brand,
  body.home-page footer.site .fcol,
  body.home-page footer.site .foot-top > .foff {
    height: 100% !important;
    min-height: 420px !important;
  }
}

body.home-page footer.site .foot-brand .fb {
  margin-bottom: 25px !important;
}

body.home-page footer.site .fcol h4,
body.home-page footer.site .foot-top > .foff b {
  margin-bottom: 24px !important;
}

body.home-page footer.site .fcol a {
  margin-bottom: 10px !important;
  line-height: 1.5 !important;
}

body.home-page footer.site .foot-top > .foff p {
  margin-bottom: 21px !important;
  line-height: 1.68 !important;
}

body.home-page footer.site .foot-bottom {
  padding-right:
    max(
      var(--tt-wide-gutter),
      calc((100vw - var(--tt-wide-frame)) / 2 + var(--tt-wide-gutter))
    ) !important;
  padding-left:
    max(
      var(--tt-wide-gutter),
      calc((100vw - var(--tt-wide-frame)) / 2 + var(--tt-wide-gutter))
    ) !important;
  background: rgba(255, 255, 255, .82) !important;
  -webkit-backdrop-filter: blur(22px) saturate(108%) !important;
  backdrop-filter: blur(22px) saturate(108%) !important;
}

@media (max-width: 1120px) {
  body.home-page footer.site .foot-top {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    width: min(calc(100% - 40px), 900px) !important;
    gap: 18px !important;
  }

  body.home-page footer.site .foot-brand {
    grid-column: 1 / -1;
    min-height: 270px !important;
  }

  body.home-page footer.site .foot-brand,
  body.home-page footer.site .fcol,
  body.home-page footer.site .foot-top > .foff {
    background: rgba(249, 253, 251, .64) !important;
  }

  body.home-page footer.site .fcol {
    min-height: 330px !important;
  }

  body.home-page footer.site .foot-top > .foff {
    grid-column: 1 / -1;
    min-height: 240px !important;
  }
}

@media (max-width: 620px) {
  body.home-page footer.site::before {
    inset: -22px !important;
    background:
      linear-gradient(
        180deg,
        rgba(235, 247, 241, .17) 0%,
        rgba(13, 87, 61, .12) 100%
      ),
      url("../media/myid/talktide-malaysia-sea-footer-v4.webp")
        72% bottom / auto 980px no-repeat !important;
    filter: blur(16px) saturate(86%) !important;
    transform: scale(1.06);
  }

  body.home-page footer.site .foot-top {
    grid-template-columns: 1fr !important;
    width: min(calc(100% - 24px), 440px) !important;
    gap: 12px !important;
    padding-bottom: 22px !important;
  }

  body.home-page footer.site .foot-brand,
  body.home-page footer.site .fcol,
  body.home-page footer.site .foot-top > .foff {
    grid-column: auto;
    width: 100% !important;
    min-height: 0 !important;
    padding: 24px !important;
    background: rgba(249, 253, 251, .70) !important;
    -webkit-backdrop-filter: blur(22px) saturate(106%) !important;
    backdrop-filter: blur(22px) saturate(106%) !important;
  }

  body.home-page footer.site .foot-brand {
    min-height: 280px !important;
  }

  body.home-page footer.site .foot-bottom {
    background: rgba(255, 255, 255, .86) !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  body.home-page footer.site::before {
    transform: scale(1.045);
  }
}


/* source: styles/compliance-cube-v192.css */
/* ==========================================================================
   Compliance guidance cube v192

   Reuses Talktide's four existing compliance cards as the faces of the same
   snap-rotating 3D presentation used by Dolphlink's communication-challenges
   module. Copy, icons and section styling remain unchanged.
   ========================================================================== */

.home-page .compliance-cube-wrap {
  width: min(1160px, 100%);
  margin: 8px auto 0;
}

.home-page .compliance-cube-stage {
  --compliance-cube-width: min(1080px, calc(100vw - 64px));
  --compliance-cube-height: 560px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 634px;
  perspective: 3200px;
  touch-action: pan-y pinch-zoom;
  user-select: none;
  -webkit-user-select: none;
}

.home-page .compl-grid-rich.compliance-cube {
  position: relative;
  display: block !important;
  width: var(--compliance-cube-width) !important;
  height: var(--compliance-cube-height);
  margin: 0 !important;
  transform: rotateY(var(--compliance-cube-angle, 0deg));
  transform-style: preserve-3d;
  cursor: pointer;
  will-change: transform;
}

.home-page .compl-grid-rich.compliance-cube > .compliance-cube-face {
  position: absolute !important;
  inset: 0 !important;
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 24px;
  width: var(--compliance-cube-width) !important;
  height: var(--compliance-cube-height) !important;
  min-height: 0 !important;
  margin: 0 !important;
  opacity: 1 !important;
  filter: none !important;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  transform-style: preserve-3d;
  will-change: transform;
}

.home-page .compl-grid-rich.compliance-cube
  > .compliance-cube-face > .cmpl {
  position: relative !important;
  inset: auto !important;
  display: flex !important;
  width: auto !important;
  height: 100% !important;
  min-width: 0;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 30px 32px !important;
  overflow: hidden;
  opacity: 1 !important;
  filter: none !important;
  transform: none !important;
  transition:
    border-color .25s ease,
    box-shadow .25s ease !important;
}

.home-page .compl-grid-rich.compliance-cube
  > .compliance-cube-face > .cmpl .cmpl-kicker {
  font-size: 15px;
  letter-spacing: .10em;
}

.home-page .compl-grid-rich.compliance-cube
  > .compliance-cube-face > .cmpl h3 {
  font-size: 22px !important;
  line-height: 1.3;
}

.home-page .compl-grid-rich.compliance-cube
  > .compliance-cube-face > .cmpl .cmpl-summary {
  font-size: 15.5px !important;
  line-height: 1.62;
}

.home-page .compl-grid-rich.compliance-cube
  > .compliance-cube-face > .cmpl .cmpl-points li {
  font-size: 14.5px !important;
  line-height: 1.5;
}

.home-page .compl-grid-rich.compliance-cube
  > .compliance-cube-face > .cmpl .cmpl-points li i.ti {
  width: 22px;
  height: 22px;
  font-size: 14px;
}

.home-page .compl-grid-rich.compliance-cube
  > .compliance-cube-face > .cmpl .cmpl-outcome b {
  font-size: 12px;
}

.home-page .compl-grid-rich.compliance-cube
  > .compliance-cube-face > .cmpl .cmpl-outcome p {
  font-size: 14.5px !important;
  line-height: 1.58;
}

.home-page .compl-grid-rich.compliance-cube
  > .compliance-cube-face:nth-child(1) {
  transform: rotateY(0deg) translateZ(1px) !important;
}

.home-page .compl-grid-rich.compliance-cube
  > .compliance-cube-face:nth-child(2) {
  transform: rotateY(180deg) translateZ(1px) !important;
}

.home-page .compl-grid-rich.compliance-cube
  > .compliance-cube-face > .cmpl:hover {
  border-color: rgba(58, 177, 93, .30) !important;
  box-shadow:
    0 30px 62px rgba(25, 95, 52, .16),
    inset 0 1px 0 rgba(255, 255, 255, .72) !important;
}

.home-page .compliance-cube-stage:focus {
  outline: none;
}

.home-page .compliance-cube-stage:focus-visible
  .compliance-cube-face[aria-hidden="false"] > .cmpl {
  border-color: rgba(49, 173, 91, .46) !important;
  box-shadow:
    0 0 0 4px rgba(49, 173, 91, .16),
    0 30px 62px rgba(25, 95, 52, .16) !important;
}

.home-page .compliance-cube-swipe-surface {
  display: none;
}

.home-page .compliance-cube-nav {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  margin-top: 2px;
}

.home-page .compliance-cube-dot {
  position: relative;
  width: 10px;
  height: 10px;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: #c9ddd1;
  cursor: pointer;
  transition:
    transform .25s ease,
    background-color .25s ease,
    box-shadow .25s ease;
}

.home-page .compliance-cube-dot::before {
  content: "";
  position: absolute;
  inset: -12px;
  border-radius: 50%;
}

.home-page .compliance-cube-dot:hover {
  background: #86ba99;
}

.home-page .compliance-cube-dot:focus-visible {
  outline: 3px solid rgba(49, 173, 91, .26);
  outline-offset: 5px;
}

.home-page .compliance-cube-dot.is-active {
  background: #31ad5b;
  box-shadow: 0 0 0 4px rgba(49, 173, 91, .12);
  transform: scale(1.34);
}

.home-page .compliance-cube-hint {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  margin: 15px 0 0;
  color: #65786d;
  font-size: 12px;
  line-height: 1.4;
  text-align: center;
}

.home-page .compliance-cube-hint::before {
  content: "";
  width: 8px;
  height: 8px;
  flex: 0 0 auto;
  border-radius: 50%;
  background: #31ad5b;
  box-shadow: 0 0 0 0 rgba(49, 173, 91, .44);
  animation: complianceCubePulse 1.8s ease-out infinite;
}

.home-page .compliance-cube-hint.is-paused::before {
  background: #c89f35;
  animation: none;
}

@keyframes complianceCubePulse {
  0% {
    box-shadow: 0 0 0 0 rgba(49, 173, 91, .44);
  }

  70% {
    box-shadow: 0 0 0 9px rgba(49, 173, 91, 0);
  }

  100% {
    box-shadow: 0 0 0 0 rgba(49, 173, 91, 0);
  }
}

@media (min-width: 1200px) and (max-width: 1599px) {
  .home-page .compliance-cube-stage {
    --compliance-cube-height: 524px;
    height: 598px;
  }

  .home-page .compl-grid-rich.compliance-cube
    > .compliance-cube-face > .cmpl .cmpl-summary {
    margin-bottom: 18px !important;
  }
}

@media (min-width: 1600px) {
  .home-page .compliance-cube-wrap {
    width: 100%;
    max-width: 1760px;
  }

  .home-page .compliance-cube-stage {
    --compliance-cube-width: min(1760px, calc(100vw - 11vw));
    --compliance-cube-height: 500px;
    height: 574px;
  }

  .home-page .compl-grid-rich.compliance-cube
    > .compliance-cube-face {
    gap: 30px;
  }

  .home-page .compl-grid-rich.compliance-cube
    > .compliance-cube-face > .cmpl {
    padding: 38px 40px !important;
  }

  .home-page .compl-grid-rich.compliance-cube
    > .compliance-cube-face > .cmpl h3 {
    font-size: 24px !important;
  }

  .home-page .compl-grid-rich.compliance-cube
    > .compliance-cube-face > .cmpl .cmpl-summary {
    font-size: 16.5px !important;
  }

  .home-page .compl-grid-rich.compliance-cube
    > .compliance-cube-face > .cmpl .cmpl-points li,
  .home-page .compl-grid-rich.compliance-cube
    > .compliance-cube-face > .cmpl .cmpl-outcome p {
    font-size: 15.5px !important;
  }
}

@media (max-width: 860px) {
  .home-page .compliance-cube-stage {
    --compliance-cube-width: min(680px, calc(100vw - 40px));
    --compliance-cube-height: 600px;
    height: 670px;
  }

  .home-page .compl-grid-rich.compliance-cube
    > .compliance-cube-face {
    gap: 16px;
  }
}

@media (max-width: 620px) {
  .home-page .compliance-cube-wrap {
    width: 100%;
  }

  .home-page .compliance-cube-stage {
    --compliance-cube-width: min(360px, calc(100vw - 28px));
    --compliance-cube-height: 1244px;
    height: 1302px;
  }

  .home-page .compl-grid-rich.compliance-cube
    > .compliance-cube-face {
    grid-template-columns: 1fr;
    grid-template-rows: repeat(2, minmax(0, 1fr));
    gap: 14px;
  }

  .home-page .compl-grid-rich.compliance-cube
    > .compliance-cube-face > .cmpl {
    padding: 24px 22px !important;
    border-radius: 20px !important;
  }

  .home-page .compliance-cube-swipe-surface {
    position: absolute;
    inset: 0;
    z-index: 20;
    display: block;
    touch-action: pan-y pinch-zoom;
  }

  .home-page .compliance-cube-nav {
    margin-top: 0;
  }
}

@media (prefers-reduced-motion: reduce) {
  .home-page .compliance-cube,
  .home-page .compliance-cube-dot,
  .home-page .compliance-cube-hint::before {
    animation: none !important;
    transition: none !important;
  }
}


/* source: styles/partner-proof-v201.css */
/* V240 — compact, luminous medal recognition beside the partner subtitle. */

body.home-page .trust .partner-summary {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
  width: min(1120px, calc(100% - 32px));
  margin: 18px auto 0;
}

body.home-page .trust .partner-trustline {
  order: -1;
  flex: none;
  max-width: none !important;
  margin: 0 !important;
  color: #526259 !important;
  font-size: clamp(16px, 1.35vw, 20px) !important;
  line-height: 1.45 !important;
  text-align: center;
  white-space: nowrap;
}

body.home-page .trust .partner-proof {
  position: relative;
  isolation: isolate;
  display: grid;
  grid-template-columns: 50px minmax(0, 1fr);
  align-items: center;
  gap: 12px;
  width: min(100%, 340px);
  min-width: 0;
  padding: 6px 14px 6px 6px;
  overflow: hidden;
  border: 1px solid rgba(231, 178, 34, .42);
  border-radius: 999px;
  background:
    linear-gradient(104deg, rgba(255,255,255,.96), rgba(255,250,226,.9) 58%, rgba(255,244,187,.82));
  box-shadow:
    0 10px 26px rgba(145, 103, 4, .1),
    inset 0 1px 0 rgba(255,255,255,.98);
}

body.home-page .trust .partner-proof::after {
  content: "";
  position: absolute;
  z-index: 2;
  top: -90%;
  left: -38%;
  width: 22%;
  height: 280%;
  pointer-events: none;
  opacity: 0;
  transform: rotate(16deg);
  background: linear-gradient(90deg, transparent, rgba(255,255,255,.92), transparent);
}

body.home-page .trust .partner-proof.is-shining::after {
  opacity: 1;
  animation: partner-proof-shine 1.55s cubic-bezier(.22,.7,.24,1) forwards;
}

body.home-page .trust .partner-proof img {
  position: relative;
  z-index: 1;
  display: block;
  width: 100%;
  height: auto;
  filter: drop-shadow(0 7px 11px rgba(128, 85, 0, .2));
}

body.home-page .trust .partner-proof-copy {
  position: relative;
  z-index: 1;
  min-width: 0;
  max-width: none !important;
  margin: 0 !important;
  text-align: left;
}

body.home-page .trust .partner-proof-copy strong {
  display: block;
  color: #5d4100;
  font-family: var(--disp, "Space Grotesk", sans-serif);
  font-size: clamp(14px, 1vw, 16px);
  font-weight: 800;
  line-height: 1.14;
  letter-spacing: -.025em;
  text-wrap: balance;
}

body.home-page .trust .partner-proof-copy span {
  display: block;
  margin-top: 2px;
  color: #806318;
  font-size: 9px;
  font-weight: 700;
  line-height: 1.35;
  letter-spacing: .035em;
  text-transform: uppercase;
}

@keyframes partner-proof-shine {
  0% { left: -38%; }
  100% { left: 124%; }
}

@media (max-width: 760px) {
  body.home-page .trust .partner-summary {
    flex-direction: column;
    gap: 14px;
    width: min(100%, 520px);
  }

  body.home-page .trust .partner-proof { flex-basis: auto; width: 100%; }
  body.home-page .trust .partner-trustline { text-align: center; white-space: normal; }
}

@media (max-width: 480px) {
  body.home-page .trust .partner-proof {
    grid-template-columns: 46px minmax(0, 1fr);
    width: min(100%, 320px);
    padding: 6px 12px 6px 6px;
  }
}

@media (prefers-reduced-motion: reduce) {
  body.home-page .trust .partner-proof::after { display: none !important; animation: none !important; }
}


/* source: styles/footer-sites-v202.css */
/* Footer group websites v202 — replaces generic social icons with four
   explicit, keyboard-accessible company website links. */

body.home-page footer.site .foot-social.foot-sites {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr);
  gap: 6px !important;
  width: 100%;
  margin-top: auto !important;
  padding-top: 22px !important;
}

body.home-page footer.site .foot-social.foot-sites a {
  display: inline-flex !important;
  align-items: center;
  justify-content: space-between;
  gap: 6px;
  width: 100% !important;
  min-width: 0;
  height: 34px !important;
  padding: 0 11px !important;
  overflow: hidden;
  color: #176f42 !important;
  background: rgba(255, 255, 255, .70) !important;
  border: 1px solid rgba(43, 133, 83, .18) !important;
  border-radius: 11px !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .74);
  font-family: var(--sans, "Inter", "Segoe UI", sans-serif);
  font-size: 11.5px;
  font-weight: 750;
  line-height: 1;
  letter-spacing: -.015em;
  text-decoration: none;
  transition:
    color .2s ease,
    background-color .2s ease,
    border-color .2s ease,
    box-shadow .2s ease,
    transform .2s ease;
}

body.home-page footer.site .foot-social.foot-sites a span {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

body.home-page footer.site .foot-social.foot-sites a .ti {
  flex: 0 0 auto;
  font-size: 14px;
  transition: transform .2s ease;
}

body.home-page footer.site .foot-social.foot-sites a:hover,
body.home-page footer.site .foot-social.foot-sites a:focus-visible {
  color: #fff !important;
  background: #178b4b !important;
  border-color: #178b4b !important;
  box-shadow: 0 8px 18px rgba(18, 112, 62, .18);
  outline: none;
  transform: translateY(-2px);
}

body.home-page footer.site .foot-social.foot-sites a:focus-visible {
  box-shadow:
    0 0 0 3px rgba(244, 252, 247, .96),
    0 0 0 5px rgba(23, 139, 75, .42),
    0 8px 18px rgba(18, 112, 62, .18);
}

body.home-page footer.site .foot-social.foot-sites a:hover .ti,
body.home-page footer.site .foot-social.foot-sites a:focus-visible .ti {
  transform: translate(2px, -2px);
}

@media (min-width: 1440px) {
  body.home-page footer.site .foot-social.foot-sites a {
    padding-inline: 12px !important;
    font-size: 11.75px;
  }
}

@media (max-width: 620px) {
  body.home-page footer.site .foot-social.foot-sites {
    max-width: 304px;
    padding-top: 24px !important;
  }

  body.home-page footer.site .foot-social.foot-sites a {
    height: 38px !important;
    font-size: 11.5px;
  }
}

@media (prefers-reduced-motion: reduce) {
  body.home-page footer.site .foot-social.foot-sites a,
  body.home-page footer.site .foot-social.foot-sites a .ti {
    transition: none !important;
  }
}


/* source: styles/control-states-v203.css */
/* Unified pill control states v203 — active state is expressed through color,
   elevation and a slight lift; decorative underlines are intentionally absent. */

body.home-page .plat-tabs .ptab::after,
body.home-page .ind-tabs .itab::after,
body.home-page .solution-tabs .solution-tab::after {
  content: none !important;
  display: none !important;
}

body.home-page .plat-tabs .ptab,
body.home-page .ind-tabs .itab,
body.home-page .solution-tabs .solution-tab {
  transition:
    color .2s ease,
    background-color .2s ease,
    border-color .2s ease,
    box-shadow .2s ease,
    transform .2s ease !important;
}

body.home-page .plat-tabs .ptab.is-active,
body.home-page .ind-tabs .itab.is-active,
body.home-page .solution-tabs .solution-tab.is-active {
  transform: translateY(-1px) !important;
  box-shadow: 0 10px 24px rgba(31, 142, 73, .24) !important;
}

body.home-page .plat-tabs .ptab:not(.is-active):hover,
body.home-page .ind-tabs .itab:not(.is-active):hover,
body.home-page .solution-tabs .solution-tab:not(.is-active):hover {
  transform: translateY(-1px) !important;
  box-shadow: 0 8px 18px rgba(31, 142, 73, .10) !important;
}

body.home-page .plat-tabs .ptab:focus-visible,
body.home-page .ind-tabs .itab:focus-visible,
body.home-page .solution-tabs .solution-tab:focus-visible {
  outline: 3px solid rgba(49, 173, 91, .32) !important;
  outline-offset: 3px !important;
}

@media (prefers-reduced-motion: reduce) {
  body.home-page .plat-tabs .ptab,
  body.home-page .ind-tabs .itab,
  body.home-page .solution-tabs .solution-tab {
    transition: none !important;
  }
}


/* source: styles/partner-marquee-v204.css */
/* Partner marquee v204 — clean white surface and measured, image-ready loop. */

body.home-page .hero-stage > section.trust,
body.home-page .hero-stage .trust {
  background-color: #fff !important;
  background-image: none !important;
}

body.home-page .trust .partner-marquee {
  background: #fff !important;
  text-align: left !important;
  justify-content: flex-start !important;
  justify-items: start !important;
}

body.home-page .hero-stage .trust .partner-marquee .partner-group img,
body.home-page .trust .partner-marquee .partner-group img {
  box-shadow: none !important;
  filter: none !important;
}

body.home-page .trust .partner-marquee:hover .partner-group img:hover {
  box-shadow: none !important;
}

body.home-page .trust .partner-track {
  --partner-loop-distance: 0px;
  animation-name: talktide-partners-seamless !important;
  animation-duration: 44s !important;
  animation-timing-function: linear !important;
  animation-iteration-count: infinite !important;
  animation-play-state: paused;
  backface-visibility: hidden;
  transform: translate3d(0, 0, 0);
  transform-origin: left center;
}

body.home-page .trust .partner-track.is-marquee-ready {
  animation-play-state: running;
}

body.home-page .trust .partner-marquee:hover .partner-track.is-marquee-ready,
body.home-page .trust .partner-marquee:focus-within .partner-track.is-marquee-ready {
  animation-play-state: paused;
}

@keyframes talktide-partners-seamless {
  from {
    transform: translate3d(0, 0, 0);
  }

  to {
    transform: translate3d(calc(0px - var(--partner-loop-distance)), 0, 0);
  }
}

@media (prefers-reduced-motion: reduce) {
  body.home-page .trust .partner-track,
  body.home-page .trust .partner-track.is-marquee-ready {
    animation: none !important;
    transform: none !important;
  }
}


/* source: styles/footer-brand-copy-v205.css */
/* Footer brand narrative v205
   Keeps the longer company introduction readable inside the glass footer card
   and uses each company's verified brand colour. */

body.home-page footer.site .foot-brand {
  overflow: hidden;
}

/* Keep the scenic footer recognisable through the glass. */
body.home-page footer.site::before {
  inset: 0 !important;
  filter: saturate(102%) contrast(103%) !important;
  transform: scale(1.005) !important;
}

body.home-page footer.site .foot-brand,
body.home-page footer.site .fcol,
body.home-page footer.site .foot-top > .foff {
  border-color: rgba(255, 255, 255, .58) !important;
  background: rgba(249, 253, 251, .44) !important;
  box-shadow:
    0 18px 42px rgba(5, 52, 35, .13),
    inset 0 1px 0 rgba(255, 255, 255, .48) !important;
  -webkit-backdrop-filter: blur(5px) saturate(106%) !important;
  backdrop-filter: blur(5px) saturate(106%) !important;
}

body.home-page footer.site .footer-brand-copy {
  display: grid !important;
  gap: 8px;
  width: 100%;
  max-width: none;
  margin: 0 !important;
  color: #365c49;
}

body.home-page footer.site .footer-brand-copy p {
  margin: 0 !important;
  color: inherit !important;
  font-family: var(--sans, "Inter", "Segoe UI", sans-serif);
  font-size: clamp(12px, .18vw + 9.8px, 13px);
  font-weight: 500;
  line-height: 1.52;
  letter-spacing: -.008em;
  text-wrap: pretty;
}

body.home-page footer.site .footer-brand-copy strong {
  font-weight: 850;
}

body.home-page footer.site .footer-brand-talktide {
  color: #178b4b;
}

body.home-page footer.site .footer-brand-baiwu {
  color: #005cb9;
}

body.home-page footer.site .foot-social.foot-sites {
  margin-top: 18px !important;
  padding-top: 0 !important;
}

@media (min-width: 621px) {
  body.home-page footer.site .foot-social.foot-sites {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    max-width: none;
  }
}

@media (min-width: 1121px) {
  body.home-page footer.site .foot-top {
    grid-template-columns:
      minmax(360px, 1.55fr)
      minmax(150px, .65fr)
      minmax(170px, .72fr)
      minmax(150px, .62fr)
      minmax(280px, 1.12fr) !important;
  }

  body.home-page footer.site .foot-brand .fb {
    margin-bottom: 20px !important;
  }
}

@media (max-width: 1120px) {
  body.home-page footer.site .foot-brand {
    min-height: 0 !important;
  }

  body.home-page footer.site .footer-brand-copy {
    max-width: none;
  }

  body.home-page footer.site .foot-social.foot-sites {
    max-width: none;
  }
}

@media (max-width: 620px) {
  body.home-page footer.site::before {
    inset: 0 !important;
    filter: saturate(102%) contrast(103%) !important;
    transform: scale(1.005) !important;
  }

  body.home-page footer.site .foot-brand,
  body.home-page footer.site .fcol,
  body.home-page footer.site .foot-top > .foff {
    background: rgba(249, 253, 251, .52) !important;
    -webkit-backdrop-filter: blur(6px) saturate(105%) !important;
    backdrop-filter: blur(6px) saturate(105%) !important;
  }

  body.home-page footer.site .foot-brand {
    min-height: 0 !important;
  }

  body.home-page footer.site .foot-brand .fb {
    margin-bottom: 18px !important;
  }

  body.home-page footer.site .footer-brand-copy {
    gap: 9px;
    max-width: none;
  }

  body.home-page footer.site .footer-brand-copy p {
    font-size: 13px;
    line-height: 1.58;
    letter-spacing: 0;
  }

  body.home-page footer.site .foot-social.foot-sites {
    max-width: none;
    margin-top: 20px !important;
    padding-top: 0 !important;
  }
}


/* source: styles/process-icons-v225.css */
/* Process icon refinement — compact, consistent brand badges. */
.home-page .proc .pstep {
  position: relative;
  padding-right: 104px !important;
}

.home-page .proc .p-art {
  position: absolute;
  top: 72px !important;
  right: 28px !important;
  bottom: auto !important;
  display: grid !important;
  width: 52px !important;
  height: 52px !important;
  place-items: center !important;
  overflow: visible;
  border: 1px solid rgba(255, 255, 255, .74);
  border-radius: 15px;
  background: linear-gradient(145deg, #39b966 0%, #279d52 100%) !important;
  box-shadow:
    0 9px 20px rgba(25, 121, 65, .16),
    inset 0 1px 0 rgba(255, 255, 255, .22);
  color: #fff !important;
  opacity: 1 !important;
  transform: translateZ(0);
  transition:
    transform .22s cubic-bezier(.22, .61, .36, 1),
    box-shadow .22s ease;
}

.home-page .proc .p-art .ti {
  display: block;
  font-size: 27px !important;
  line-height: 1 !important;
  stroke-width: 1.7;
}

.home-page .proc .pstep:hover .p-art {
  transform: translateY(-2px);
  box-shadow:
    0 12px 25px rgba(25, 121, 65, .2),
    inset 0 1px 0 rgba(255, 255, 255, .25);
}

@media (max-width: 900px) {
  .home-page .proc .pstep {
    padding: 24px 84px 24px 24px !important;
  }

  .home-page .proc .p-art {
    top: 68px !important;
    right: 22px !important;
    width: 46px !important;
    height: 46px !important;
    border-radius: 13px;
  }

  .home-page .proc .p-art .ti {
    font-size: 24px !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .home-page .proc .p-art {
    transition: none;
  }
}


/* source: styles/chat-entry-v227.css */
/* V227 — one clear floating conversation entry. */
body.home-page #dlpk-chat {
  right: 24px !important;
  bottom: calc(24px + env(safe-area-inset-bottom, 0px)) !important;
  left: auto !important;
  width: 0;
  height: 0;
}

body.home-page #dlpk-chat .dcp-nudge {
  top: auto;
  right: 0;
  bottom: 0;
  left: auto;
  width: 178px;
  min-height: 48px;
  padding: 7px 14px 7px 9px;
  grid-template-columns: 30px minmax(0, 1fr);
  gap: 8px;
  color: #315f46;
  background-color: rgba(247, 252, 249, .78) !important;
  background-image: none !important;
  border: 1px solid rgba(255, 255, 255, .9);
  border-radius: 18px 18px 6px 18px;
  box-shadow:
    0 12px 28px rgba(27, 73, 49, .14),
    inset 0 1px 0 rgba(255, 255, 255, .82);
  backdrop-filter: blur(16px) saturate(145%);
  -webkit-backdrop-filter: blur(16px) saturate(145%);
  transform: none;
  transform-origin: bottom right;
}

body.home-page #dlpk-chat .dcp-nudge:hover {
  color: #28563c;
  background-color: rgba(255, 255, 255, .9) !important;
  background-image: none !important;
  border-color: rgba(210, 236, 219, .95);
  box-shadow:
    0 20px 44px rgba(27, 73, 49, .2),
    inset 0 1px 0 #fff;
  transform: translateY(-2px);
}

body.home-page #dlpk-chat .dcp-nudge-chat {
  display: grid;
  width: 30px;
  height: 30px;
  place-items: center;
  border: 1px solid rgba(45, 173, 91, .2);
  border-radius: 10px;
  background: rgba(45, 173, 91, .1);
  color: #2aaa58;
  font-size: 19px;
  line-height: 1;
}

body.home-page #dlpk-chat .dcp-nudge-copy b {
  display: flex;
  align-items: center;
  gap: 7px;
  color: #249b4e;
  font-size: 13.5px;
  font-weight: 760;
  white-space: nowrap;
}

body.home-page #dlpk-chat .dcp-online-light {
  display: inline-block;
  width: 8px;
  height: 8px;
  flex: none;
  border-radius: 50%;
  background: #fff;
  border: 1px solid rgba(45, 155, 78, .34);
  box-shadow:
    0 0 0 3px rgba(49, 182, 95, .1),
    0 0 9px rgba(255, 255, 255, .95);
  animation: ttOnlineWhiteGlow 2.2s ease-in-out infinite;
}

body.home-page #dlpk-chat .dcp-nudge-arrow {
  display: none !important;
}

body.home-page #dlpk-chat .dcp-nudge:hover .dcp-nudge-arrow {
  color: #168540;
}

body.home-page #dlpk-chat.open .dcp-nudge {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transform: translateY(6px) scale(.98);
}

body.home-page #dlpk-chat.is-scrolled:not(.open) .dcp-nudge {
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
  transform: none !important;
}

body.home-page #dlpk-chat #dlpk-panel {
  right: 0 !important;
  bottom: 0 !important;
  left: auto !important;
  transform-origin: bottom right;
}

@keyframes ttOnlineWhiteGlow {
  0%,
  100% {
    opacity: .82;
    box-shadow:
      0 0 0 3px rgba(49, 182, 95, .08),
      0 0 6px rgba(255, 255, 255, .72);
  }
  50% {
    opacity: 1;
    box-shadow:
      0 0 0 4px rgba(49, 182, 95, .13),
      0 0 13px rgba(255, 255, 255, 1);
  }
}

@media (max-width: 900px) {
  body.home-page #dlpk-chat {
    right: 16px !important;
    bottom: calc(16px + env(safe-area-inset-bottom, 0px)) !important;
  }

  body.home-page #dlpk-chat .dcp-nudge {
    display: grid;
    width: min(178px, calc(100vw - 32px));
    min-height: 48px;
    padding: 7px 14px 7px 9px;
    grid-template-columns: 30px minmax(0, 1fr);
    gap: 8px;
    border-radius: 18px 18px 6px 18px;
  }

  body.home-page #dlpk-chat .dcp-nudge-chat {
    width: 30px;
    height: 30px;
    border-radius: 10px;
    font-size: 19px;
  }

  body.home-page #dlpk-chat #dlpk-panel {
    width: min(374px, calc(100vw - 32px));
  }
}

@media (prefers-reduced-motion: reduce) {
  body.home-page #dlpk-chat .dcp-nudge,
  body.home-page #dlpk-chat .dcp-online-light {
    animation: none;
    transition: none;
  }
}


/* source: styles/section-intro-v234.css */
/* v234 — consistent, polished one-line section introductions on desktop. */
.home-page main .section-heading-v133 > p,
.home-page main .section-heading-v133 > .compliance-lead{
  width:max-content;
  max-width:min(1180px,calc(100vw - 64px));
  margin-inline:auto;
  white-space:nowrap;
  font-family:var(--ui,"Inter",system-ui,sans-serif);
  font-size:clamp(15px,1.05vw,17px);
  font-weight:520;
  line-height:1.45;
  letter-spacing:.005em;
  color:#526158;
  text-wrap:nowrap;
}
.home-page main .section-heading-v133 > p button{
  font:inherit;
  font-weight:720;
}
@media (max-width:1100px){
  .home-page main .section-heading-v133 > p,
  .home-page main .section-heading-v133 > .compliance-lead{
    width:auto;
    max-width:760px;
    white-space:normal;
    text-wrap:pretty;
  }
}
@media (max-width:600px){
  .home-page main .section-heading-v133 > p,
  .home-page main .section-heading-v133 > .compliance-lead{
    max-width:34ch;
    font-size:14.5px;
    line-height:1.55;
  }
}


/* source: styles/about-fullscreen-v237.css */
/* V237 — About opens as a full-viewport white frosted surface at every width. */
#aboutModal.about-modal {
  inset: 0;
  width: 100%;
  height: 100%;
  min-width: 0;
  min-height: 0;
  padding: 0;
  overflow: hidden;
  align-items: stretch;
  justify-content: stretch;
  background: rgba(255, 255, 255, .94);
}

#aboutModal .about-modal-backdrop {
  inset: 0;
  background: rgba(255, 255, 255, .88) !important;
  -webkit-backdrop-filter: blur(22px) saturate(92%);
  backdrop-filter: blur(22px) saturate(92%);
}

#aboutModal .about-dialog {
  width: 100%;
  height: 100%;
  min-width: 0;
  min-height: 0;
  max-width: none;
  max-height: none;
  margin: 0;
  border: 0;
  border-radius: 0;
  background: rgba(255, 255, 255, .72);
  box-shadow: none;
  -webkit-backdrop-filter: blur(18px) saturate(105%);
  backdrop-filter: blur(18px) saturate(105%);
}

#aboutModal .about-frame {
  display: block;
  width: 100%;
  height: 100%;
  min-width: 0;
  min-height: 0;
  border: 0;
  background: transparent;
}

#aboutModal .about-close {
  top: calc(14px + env(safe-area-inset-top, 0px));
  right: calc(16px + env(safe-area-inset-right, 0px));
}

#aboutModal .about-scroll-controls {
  right: calc(16px + env(safe-area-inset-right, 0px));
  bottom: calc(16px + env(safe-area-inset-bottom, 0px));
}

html.about-embed {
  width: 100%;
  min-height: 100%;
  background: transparent !important;
}

html.about-embed body {
  width: 100%;
  min-height: 100%;
  background: rgba(255, 255, 255, .76) !important;
}

html.about-embed .main-shell {
  width: 100% !important;
  max-width: none !important;
  min-height: 100%;
  margin: 0 !important;
  padding: 0 0 48px !important;
  background: transparent !important;
}

html.about-embed body:not(.home-page) .main-shell .subpage-hero,
html.about-embed .terms-section {
  background-color: rgba(255, 255, 255, .58) !important;
  background-image: none !important;
  -webkit-backdrop-filter: blur(18px) saturate(106%);
  backdrop-filter: blur(18px) saturate(106%);
}

html.about-embed body:not(.home-page) .main-shell .subpage-hero {
  color: #17231d !important;
  padding: clamp(60px, 6vw, 94px) clamp(24px, 5vw, 88px) clamp(34px, 4vw, 58px) !important;
}

html.about-embed body:not(.home-page) .main-shell .subpage-hero .inner {
  width: min(100%, 1180px) !important;
  max-width: 1180px !important;
}

html.about-embed body:not(.home-page) .main-shell .subpage-hero h1 {
  color: #17231d !important;
}

html.about-embed body:not(.home-page) .main-shell .subpage-hero p {
  color: #526159 !important;
}

html.about-embed body:not(.home-page) .main-shell .subpage-hero .section-label {
  color: #26984f !important;
}

html.about-embed body:not(.home-page) .main-shell .subpage-hero::before,
html.about-embed body:not(.home-page) .main-shell .subpage-hero::after {
  display: none !important;
}

html.about-embed .terms-section {
  width: 100% !important;
  margin: 0 !important;
  padding: clamp(26px, 3vw, 48px) 0 0 !important;
}

html.about-embed .terms-document {
  width: min(calc(100% - clamp(32px, 5vw, 120px)), 1920px) !important;
  max-width: 1920px !important;
  margin: 0 auto !important;
  padding: clamp(28px, 3.4vw, 64px) clamp(26px, 4.2vw, 76px) clamp(54px, 5vw, 92px) !important;
  border: 1px solid rgba(40, 138, 76, .14);
  border-radius: clamp(20px, 2vw, 32px);
  background: rgba(255, 255, 255, .56);
  box-shadow: 0 24px 70px rgba(32, 83, 52, .08);
  -webkit-backdrop-filter: blur(22px) saturate(108%);
  backdrop-filter: blur(22px) saturate(108%);
}

html.about-embed .scn-grid {
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 270px), 1fr));
  gap: clamp(14px, 1.5vw, 24px);
}

html.about-embed .partner-grid {
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 300px), 1fr));
  gap: clamp(14px, 1.5vw, 24px);
}

@supports not ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))) {
  #aboutModal .about-modal-backdrop,
  #aboutModal .about-dialog,
  html.about-embed body {
    background: rgba(255, 255, 255, .96) !important;
  }
}

@media (max-width: 700px) {
  #aboutModal .about-close {
    top: calc(10px + env(safe-area-inset-top, 0px));
    right: calc(10px + env(safe-area-inset-right, 0px));
  }

  #aboutModal .about-scroll-controls {
    right: calc(10px + env(safe-area-inset-right, 0px));
    bottom: calc(10px + env(safe-area-inset-bottom, 0px));
  }

  html.about-embed .terms-document {
    width: calc(100% - 24px) !important;
    padding: 24px 18px 72px !important;
    border-radius: 20px;
  }
}


/* source: styles/about-popup-v244.css */
/* V244 — inset About popup and compact regional contact panel. */

#aboutModal.about-modal {
  padding: 16px;
  align-items: center;
  justify-content: center;
  background: transparent;
}

#aboutModal .about-modal-backdrop {
  background: rgba(18, 45, 30, .24) !important;
  -webkit-backdrop-filter: blur(12px) saturate(92%);
  backdrop-filter: blur(12px) saturate(92%);
}

#aboutModal .about-dialog {
  width: min(1600px, calc(100vw - 32px));
  height: calc(100dvh - 32px);
  max-width: 1600px;
  max-height: none;
  border: 1px solid rgba(255, 255, 255, .86);
  border-radius: 28px;
  overflow: hidden;
  background: rgba(250, 253, 251, .9);
  box-shadow:
    0 30px 90px rgba(10, 42, 24, .24),
    inset 0 1px 0 rgba(255, 255, 255, .96);
  -webkit-backdrop-filter: blur(18px) saturate(108%);
  backdrop-filter: blur(18px) saturate(108%);
}

#aboutModal .about-frame {
  border-radius: inherit;
  background: rgba(248, 252, 249, .76);
}

#aboutModal .about-close {
  top: 30px;
  right: max(30px, calc((100vw - 1600px) / 2 + 30px));
  width: 44px;
  height: 44px;
  border: 1px solid rgba(40, 157, 80, .22);
  border-radius: 14px;
  color: #168447;
  background: rgba(255, 255, 255, .9);
  box-shadow: 0 12px 28px rgba(23, 94, 50, .16);
  -webkit-backdrop-filter: blur(14px);
  backdrop-filter: blur(14px);
}

#aboutModal .about-close:hover,
#aboutModal .about-close:focus-visible {
  color: #fff;
  background: #2fad5b;
}

#aboutModal .about-scroll-controls {
  right: max(30px, calc((100vw - 1600px) / 2 + 30px));
  bottom: 30px;
  padding: 4px;
  border: 1px solid rgba(40, 157, 80, .18);
  border-radius: 16px;
  background: rgba(255, 255, 255, .86);
  box-shadow: 0 12px 28px rgba(23, 94, 50, .14);
  -webkit-backdrop-filter: blur(14px);
  backdrop-filter: blur(14px);
}

#aboutModal .about-scroll-controls button {
  width: 36px;
  height: 36px;
  border: 0;
  border-radius: 11px;
  color: #168447;
  background: transparent;
  box-shadow: none;
}

#aboutModal .about-scroll-controls button:hover,
#aboutModal .about-scroll-controls button:focus-visible {
  color: #fff;
  background: #2fad5b;
}

html.about-modal-open #dlpk-chat {
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

html.about-embed,
html.about-embed body {
  background: transparent !important;
}

html.about-embed body:not(.home-page) .main-shell .subpage-hero {
  padding: 40px 64px 30px !important;
  border-bottom: 1px solid rgba(40, 142, 77, .13);
  background: rgba(255, 255, 255, .7) !important;
  -webkit-backdrop-filter: blur(14px) saturate(106%);
  backdrop-filter: blur(14px) saturate(106%);
}

html.about-embed body:not(.home-page) .main-shell .subpage-hero .inner {
  width: min(100%, 1320px) !important;
  max-width: 1320px !important;
  text-align: left !important;
}

html.about-embed body:not(.home-page) .main-shell .subpage-hero .section-label {
  margin-bottom: 10px !important;
  font-size: 11px !important;
  letter-spacing: .16em !important;
}

html.about-embed body:not(.home-page) .main-shell .subpage-hero h1 {
  max-width: 820px;
  margin: 0 !important;
  font-size: clamp(36px, 4.2vw, 58px) !important;
  line-height: 1.02 !important;
  letter-spacing: -.045em !important;
}

html.about-embed body:not(.home-page) .main-shell .subpage-hero p {
  max-width: 760px;
  margin: 14px 0 0 !important;
  font-size: 16px !important;
  line-height: 1.55 !important;
}

html.about-embed .about-popup-nav {
  position: sticky;
  top: 0;
  z-index: 12;
  display: flex;
  justify-content: center;
  gap: 6px;
  padding: 10px 24px;
  border-bottom: 1px solid rgba(40, 142, 77, .12);
  background: rgba(248, 252, 249, .88);
  -webkit-backdrop-filter: blur(16px) saturate(110%);
  backdrop-filter: blur(16px) saturate(110%);
}

html.about-embed .about-popup-nav a {
  min-height: 34px;
  padding: 8px 14px;
  border: 1px solid transparent;
  border-radius: 999px;
  color: #52635a;
  font-size: 12px;
  font-weight: 750;
  line-height: 1.3;
  text-decoration: none;
}

html.about-embed .about-popup-nav a:hover,
html.about-embed .about-popup-nav a:focus-visible {
  border-color: rgba(45, 173, 91, .22);
  color: #168447;
  background: rgba(255, 255, 255, .94);
}

html.about-embed .terms-section {
  padding: 18px 0 0 !important;
  background: transparent !important;
}

html.about-embed .terms-document {
  width: min(calc(100% - 32px), 1320px) !important;
  max-width: 1320px !important;
  padding: 26px 38px 46px !important;
  border-radius: 24px !important;
  background: rgba(255, 255, 255, .74) !important;
  box-shadow: 0 20px 50px rgba(30, 82, 49, .08) !important;
}

html.about-embed .terms-meta {
  margin-bottom: 0 !important;
  padding-bottom: 18px !important;
}

html.about-embed .terms-clause {
  margin: 0 !important;
  padding: 24px 0 0 !important;
}

html.about-embed .terms-clause + .terms-clause {
  margin-top: 24px !important;
  border-top: 1px solid rgba(41, 125, 70, .1);
}

html.about-embed .terms-clause h2 {
  margin: 0 0 12px !important;
  font-size: clamp(24px, 2.2vw, 32px) !important;
  line-height: 1.12 !important;
}

html.about-embed .about-intro {
  margin: 0 !important;
  padding: 14px 16px !important;
  border-radius: 14px !important;
  font-size: 14px !important;
  line-height: 1.6 !important;
}

html.about-embed .scn-grid,
html.about-embed .partner-grid {
  gap: 12px !important;
  margin-top: 14px !important;
}

html.about-embed .scn,
html.about-embed .partner-card {
  padding: 16px !important;
  border-radius: 15px !important;
  background: rgba(255, 255, 255, .82) !important;
  box-shadow: 0 10px 24px rgba(25, 85, 48, .05) !important;
}

html.about-embed footer.site {
  display: none !important;
}

/* Regional team: remove empty vertical and horizontal space on desktop. */
body.home-page .contact-build {
  padding: 48px 32px 56px !important;
}

body.home-page .contact-build-panel {
  width: min(calc(100% - 32px), 1720px) !important;
  max-width: 1720px !important;
  padding: 30px 34px !important;
  border-radius: 24px !important;
}

body.home-page .contact-build-head {
  max-width: 1180px !important;
  margin: 0 auto 22px !important;
}

body.home-page .contact-build-eyebrow {
  margin-bottom: 8px !important;
}

body.home-page .contact-build-head h2 {
  font-size: clamp(30px, 3vw, 42px) !important;
  line-height: 1.08 !important;
}

body.home-page .contact-build-head p {
  margin-top: 10px !important;
  font-size: 16px !important;
  line-height: 1.5 !important;
}

body.home-page .contact-team-grid {
  width: min(100%, 1480px) !important;
  max-width: 1480px !important;
  margin-inline: auto !important;
  gap: 16px !important;
}

body.home-page .contact-person {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 16px;
  min-height: 0 !important;
  padding: 16px 18px !important;
}

body.home-page .contact-person-top {
  min-width: 0;
  margin-bottom: 0 !important;
}

body.home-page .contact-person-actions {
  gap: 6px !important;
  flex-wrap: nowrap !important;
}

body.home-page .contact-icon-action {
  width: 38px !important;
  height: 38px !important;
  border-radius: 10px !important;
}

body.home-page .contact-digital-card {
  min-height: 38px !important;
  padding: 7px 12px !important;
  font-size: 13px !important;
}

body.home-page footer.site {
  margin-top: -24px !important;
}

@media (max-width: 900px) {
  #aboutModal.about-modal {
    padding: 10px;
  }

  #aboutModal .about-dialog {
    width: calc(100vw - 20px);
    height: calc(100dvh - 20px);
    border-radius: 22px;
  }

  #aboutModal .about-close {
    top: 20px;
    right: 20px;
  }

  #aboutModal .about-scroll-controls {
    right: 20px;
    bottom: 20px;
  }

  html.about-embed body:not(.home-page) .main-shell .subpage-hero {
    padding: 34px 24px 24px !important;
  }

  html.about-embed .about-popup-nav {
    justify-content: flex-start;
    overflow-x: auto;
    scrollbar-width: none;
  }

  html.about-embed .about-popup-nav::-webkit-scrollbar {
    display: none;
  }

  html.about-embed .terms-document {
    width: calc(100% - 20px) !important;
    padding: 22px 20px 64px !important;
  }

  body.home-page .contact-person {
    grid-template-columns: 1fr;
    gap: 12px;
  }
}

@media (max-width: 560px) {
  #aboutModal.about-modal {
    padding: 0;
  }

  #aboutModal .about-dialog {
    width: 100vw;
    height: 100dvh;
    border-radius: 0;
  }

  #aboutModal .about-close {
    top: 10px;
    right: 10px;
  }

  #aboutModal .about-scroll-controls {
    right: 10px;
    bottom: 10px;
  }

  html.about-embed body:not(.home-page) .main-shell .subpage-hero h1 {
    max-width: calc(100% - 44px);
    font-size: 34px !important;
  }

  html.about-embed .about-popup-nav {
    padding: 8px 12px;
  }

  body.home-page .contact-build {
    padding: 38px 12px 44px !important;
  }

  body.home-page .contact-build-panel {
    width: 100% !important;
    padding: 24px 16px !important;
    border-radius: 20px !important;
  }

  body.home-page .contact-team-grid {
    gap: 12px !important;
  }

  body.home-page .contact-person {
    padding: 16px !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  #aboutModal .about-dialog,
  #aboutModal .about-close,
  html.about-embed .about-popup-nav {
    transition: none !important;
  }
}


/* source: styles/experience-polish-v239.css */
/* V239 — Cross-section interaction and visual polish. */

html.experience-overlay-open { overflow: hidden !important; }

/* Industry ribbon: reuses the approved Talktide ribbon asset. */
.home-page .industries-section {
  position: relative;
  isolation: isolate;
}

.home-page .industries-section > .wrap {
  position: relative;
  z-index: 1;
}

.home-page .industry-ribbon {
  position: absolute;
  top: clamp(126px, 13vw, 214px);
  left: -18%;
  z-index: 0;
  width: 136%;
  min-width: 1640px;
  max-width: none;
  height: auto;
  opacity: .32;
  pointer-events: none;
  transform: translate3d(0, 0, 0);
  animation: talktide-ribbon-drift 13s ease-in-out infinite alternate;
}

@keyframes talktide-ribbon-drift {
  from { transform: translate3d(-2.5%, -4px, 0) scaleY(.96); }
  to { transform: translate3d(2.5%, 8px, 0) scaleY(1.04); }
}

/* Journey cards use their content height instead of empty fixed panels. */
.home-page .bubbles {
  align-items: start !important;
}

.home-page .bubble.flow-card,
.home-page .bcol:nth-child(4) .bubble {
  min-height: 0 !important;
  height: auto !important;
}

.home-page .bcol {
  align-self: start;
}

.home-page .flow .fstep .arrow {
  display: grid;
  place-items: center;
  width: 30px;
  height: 30px;
  top: 19px !important;
  right: -24px;
  border: 1px solid rgba(33, 151, 77, .28);
  border-radius: 999px;
  background: rgba(255, 255, 255, .94);
  color: #1a914b;
  opacity: 1;
  box-shadow: 0 7px 16px rgba(23, 104, 56, .12);
}

.home-page .voice-ui {
  width: 100%;
  margin-top: 18px;
  padding: 10px 0 0;
  border: 0;
  border-top: 1px solid rgba(41, 132, 75, .14);
  background: transparent;
  font: inherit;
  cursor: pointer;
}

.home-page .voice-message-card {
  display: grid;
  gap: 10px;
}

.home-page .voice-transcript {
  margin: 0;
  color: inherit;
  line-height: 1.5;
}

.home-page .voice-language {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 4px;
  width: 100%;
  padding: 3px;
  border: 1px solid rgba(35, 139, 73, .14);
  border-radius: 999px;
  background: rgba(235, 247, 239, .72);
}

.home-page .voice-language button {
  min-width: 0;
  min-height: 28px;
  padding: 0 8px;
  border: 0;
  border-radius: 999px;
  background: transparent;
  color: #577064;
  cursor: pointer;
  font: inherit;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .06em;
}

.home-page .voice-language button.is-active {
  background: #fff;
  color: #168345;
  box-shadow: 0 4px 12px rgba(25, 105, 56, .1);
}

.home-page .voice-language button:focus-visible {
  outline: 2px solid rgba(49, 173, 91, .42);
  outline-offset: 1px;
}

.home-page .voice-ui:focus-visible,
.home-page .travel-card .mini-action:focus-visible {
  outline: 3px solid rgba(49, 173, 91, .42);
  outline-offset: 3px;
}

.home-page .voice-ui.is-playing .voice-wave i {
  animation: talktide-voice-wave .72s ease-in-out infinite alternate;
}

.home-page .voice-ui.is-playing .voice-wave i:nth-child(2n) { animation-delay: .12s; }
.home-page .voice-ui.is-playing .voice-wave i:nth-child(3n) { animation-delay: .24s; }

@keyframes talktide-voice-wave {
  from { transform: scaleY(.45); opacity: .55; }
  to { transform: scaleY(1); opacity: 1; }
}

.home-page .travel-card .mini-action {
  display: block;
  width: calc(100% - 32px);
  min-height: 38px;
  padding: 0 14px;
  color: #168345;
  cursor: pointer;
  font: inherit;
  font-weight: 760;
}

/* Realistic, self-contained flight-change mobile overlay. */
.flight-overlay,
.story-lightbox {
  position: fixed;
  inset: 0;
  z-index: 1800;
  display: grid;
  place-items: center;
  padding: 24px;
}

.flight-overlay[hidden],
.story-lightbox[hidden] {
  display: none !important;
}

.flight-overlay-backdrop,
.story-lightbox-backdrop {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border: 0;
  background: rgba(255, 255, 255, .12);
  -webkit-backdrop-filter: blur(3px) saturate(108%);
  backdrop-filter: blur(3px) saturate(108%);
}

.flight-phone {
  position: relative;
  z-index: 1;
  width: min(100%, 390px);
  max-height: min(820px, calc(100dvh - 28px));
  overflow: auto;
  border: 1px solid rgba(27, 73, 45, .16);
  border-radius: 34px;
  background: #f7faf8;
  box-shadow: 0 30px 90px rgba(16, 62, 36, .22);
  scrollbar-width: none;
}

.flight-phone::-webkit-scrollbar { display: none; }

.flight-phone-head {
  position: sticky;
  top: 0;
  z-index: 2;
  display: grid;
  grid-template-columns: 42px 1fr 42px;
  align-items: center;
  min-height: 76px;
  padding: 10px 14px;
  border-bottom: 1px solid rgba(28, 77, 46, .12);
  background: rgba(255, 255, 255, .86);
  -webkit-backdrop-filter: blur(16px);
  backdrop-filter: blur(16px);
}

.flight-phone-head button,
.flight-secure {
  width: 40px;
  height: 40px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(30, 125, 65, .18);
  border-radius: 13px;
  background: #fff;
  color: #177a3f;
}

.flight-phone-head button { cursor: pointer; }
.flight-phone-head div { text-align: center; }
.flight-phone-head div span { display: block; color: #dc273a; font-size: 11px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.flight-phone-head div strong { display: block; margin-top: 2px; color: #17231d; font-size: 18px; }

.flight-phone-body { padding: 20px; }

.flight-route {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  gap: 16px;
  padding: 20px;
  border-radius: 20px;
  background: #fff;
  box-shadow: 0 12px 34px rgba(22, 76, 44, .08);
}

.flight-route div:last-child { text-align: right; }
.flight-route strong { display: block; color: #17231d; font-family: var(--disp, "Space Grotesk", sans-serif); font-size: 31px; line-height: 1; }
.flight-route span { color: #69776f; font-size: 12px; }
.flight-route > i { color: #d82337; font-size: 25px; transform: rotate(90deg); }

.flight-booking {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 5px 12px;
  margin: 14px 0 22px;
  padding: 14px 16px;
  border: 1px solid rgba(25, 112, 61, .12);
  border-radius: 15px;
  background: rgba(255, 255, 255, .72);
}

.flight-booking span { color: #718078; font-size: 12px; }
.flight-booking strong { color: #263c30; font-size: 13px; text-align: right; }
.flight-phone-body h3 { margin: 0 0 12px; color: #17231d; font-size: 17px; }
.flight-options { display: grid; gap: 10px; }

.flight-option {
  display: grid;
  grid-template-columns: 1fr 1fr auto;
  align-items: center;
  gap: 10px;
  width: 100%;
  padding: 14px;
  border: 1px solid rgba(34, 119, 66, .14);
  border-radius: 16px;
  background: #fff;
  color: #263c30;
  cursor: pointer;
  text-align: left;
}

.flight-option.is-selected {
  border-color: #27a555;
  box-shadow: 0 0 0 2px rgba(39, 165, 85, .12);
}

.flight-option span b,
.flight-option span small { display: block; }
.flight-option span b { font-size: 17px; }
.flight-option span small { margin-top: 2px; color: #738078; font-size: 10px; }
.flight-option > strong { color: #188146; font-size: 11px; white-space: nowrap; }

.flight-summary {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 8px;
  margin: 18px 0;
  padding: 15px 2px;
  border-top: 1px solid rgba(27, 92, 51, .12);
  border-bottom: 1px solid rgba(27, 92, 51, .12);
  color: #64736a;
  font-size: 13px;
}

.flight-summary b { color: #20372b; }
.flight-confirm,
.flight-success button {
  width: 100%;
  min-height: 50px;
  border: 0;
  border-radius: 15px;
  background: #d82337;
  color: #fff;
  cursor: pointer;
  font-size: 15px;
  font-weight: 800;
}

.flight-note { margin: 14px 4px 2px; color: #64736b; font-size: 11px; line-height: 1.5; text-align: center; }
.flight-note i { color: #1d914c; }
.flight-success { padding: 60px 28px; text-align: center; }
.flight-success > i { color: #28a957; font-size: 64px; }
.flight-success h3 { margin: 16px 0 8px; color: #17231d; font-size: 26px; }
.flight-success p { margin: 0 0 24px; color: #5e6e64; line-height: 1.6; }
.flight-success button { background: #2aa758; }

/* Customer story: untouched photo above, glass cover only at the bottom. */
.home-page .story-grid {
  display: block;
  overflow: hidden;
  border-radius: 24px;
}

.home-page .story-grid .simg {
  position: relative;
  height: clamp(390px, 42vw, 590px);
  overflow: hidden;
  cursor: zoom-in;
  background: #eaf4ee;
}

.home-page .story-grid .simg::after { display: none; }

.home-page .story-grid .simg img {
  width: 100%;
  height: 100%;
  min-height: 0;
  object-fit: cover;
  object-position: center 32%;
  transition: transform .42s cubic-bezier(.22, .61, .36, 1);
}

.home-page .story-grid .simg:hover img { transform: scale(1.025); }

.home-page .story-grid .simg .sov {
  top: auto;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: end;
  gap: 10px 24px;
  width: 100%;
  padding: 24px clamp(24px, 4vw, 58px) 28px;
  background: rgba(7, 46, 28, .72);
  -webkit-backdrop-filter: blur(9px) saturate(112%);
  backdrop-filter: blur(9px) saturate(112%);
}

.home-page .story-grid .simg .sov .lbl {
  grid-column: 1 / -1;
  font-size: 12px;
}

.home-page .story-grid .simg .sov h3 {
  max-width: none;
  margin: 0;
  font-size: clamp(24px, 3vw, 42px);
  line-height: 1.08;
  text-shadow: none;
  text-wrap: balance;
}

.home-page .story-grid .simg .sov a {
  align-self: end;
  margin: 0 0 4px;
  padding: 10px 14px;
  border: 1px solid rgba(255, 255, 255, .42);
  border-radius: 999px;
  color: #fff;
  white-space: nowrap;
}

.home-page .story-body {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: clamp(16px, 2vw, 30px);
  padding: clamp(24px, 3.4vw, 48px);
  background: rgba(255, 255, 255, .88);
}

.story-lightbox { z-index: 1810; }
.story-lightbox figure {
  position: relative;
  z-index: 1;
  width: min(94vw, 1520px);
  max-height: 90dvh;
  margin: 0;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, .86);
  border-radius: 26px;
  background: #fff;
  box-shadow: 0 34px 100px rgba(12, 57, 32, .24);
}

.story-lightbox figure img {
  display: block;
  width: 100%;
  max-height: calc(90dvh - 62px);
  object-fit: contain;
  background: #f1f6f3;
}

.story-lightbox figcaption { padding: 16px 22px; color: #294737; font-weight: 700; }
.story-lightbox-close {
  position: absolute;
  top: 14px;
  right: 14px;
  z-index: 2;
  width: 44px;
  height: 44px;
  display: grid;
  place-items: center;
  border: 2px solid #fff;
  border-radius: 14px;
  background: #2baa59;
  color: #fff;
  cursor: pointer;
  box-shadow: 0 10px 26px rgba(13, 83, 42, .22);
}

/* Remove the stray footer rule and keep the complete boat in frame. */
body.home-page footer.site::after { display: none !important; }
body.home-page footer.site::before {
  inset: 0 !important;
  background: url("../media/myid/talktide-malaysia-sea-footer-v4.webp") right bottom / cover no-repeat !important;
  filter: saturate(102%) contrast(103%) !important;
  transform: none !important;
}

@media (max-width: 860px) {
  .home-page .industry-ribbon {
    top: 170px;
    left: -70%;
    width: 240%;
    min-width: 1200px;
    opacity: .26;
  }

  .home-page .story-grid .simg { height: 520px; }
  .home-page .story-grid .simg .sov { grid-template-columns: 1fr; }
  .home-page .story-grid .simg .sov a { justify-self: start; }
  .home-page .story-body { grid-template-columns: 1fr 1fr; }
}

@media (max-width: 620px) {
  .flight-overlay,
  .story-lightbox { padding: 0; }
  .flight-phone { width: 100%; max-height: 100dvh; min-height: 100dvh; border: 0; border-radius: 0; }
  .home-page .story-grid .simg { height: 500px; }
  .home-page .story-grid .simg .sov { padding: 20px; }
  .home-page .story-grid .simg .sov h3 { font-size: 27px; }
  .home-page .story-body { grid-template-columns: 1fr; }
  .story-lightbox figure { width: 100%; max-height: 100dvh; border: 0; border-radius: 0; }
  .story-lightbox figure img { max-height: calc(100dvh - 58px); }
  body.home-page footer.site::before {
    background: url("../media/myid/talktide-malaysia-sea-footer-v4.webp") 72% bottom / auto 100% no-repeat !important;
  }
}


/* source: styles/story-overlay-v245.css */
/* ==========================================================================
   Customer Story — stable image/cover composition
   Keeps the portrait clear in the upper image while the story copy lives in
   one full-width frosted cover anchored to the lower part of the same card.
   ========================================================================== */

.home-page .story .story-grid {
  display: block !important;
  height: auto !important;
  min-height: 0 !important;
  overflow: hidden !important;
  border-radius: 24px !important;
  background: #eef7f2 !important;
}

.home-page .story .story-grid .simg {
  position: relative !important;
  display: block !important;
  height: clamp(440px, 38vw, 560px) !important;
  min-height: 0 !important;
  overflow: hidden !important;
  isolation: isolate;
  border-radius: inherit;
  background: #eaf4ee;
}

.home-page .story .story-grid .simg > img {
  position: absolute;
  inset: 0;
  z-index: 0;
  display: block;
  width: 100% !important;
  height: 100% !important;
  min-height: 0 !important;
  max-width: none;
  object-fit: cover;
  object-position: center 32%;
}

.home-page .story .story-grid .simg .sov {
  position: absolute !important;
  inset: auto 0 0 !important;
  z-index: 2;
  box-sizing: border-box;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) max-content;
  grid-template-areas:
    "label label"
    "title action";
  align-items: end;
  gap: 10px clamp(24px, 4vw, 64px);
  width: auto !important;
  min-height: 36%;
  padding: clamp(22px, 2.5vw, 36px) clamp(24px, 4.4vw, 68px) clamp(24px, 3vw, 40px) !important;
  overflow: hidden;
  color: #fff;
  background: linear-gradient(90deg, rgba(5, 47, 28, .84), rgba(9, 65, 38, .72)) !important;
  border-top: 1px solid rgba(255, 255, 255, .36);
  -webkit-backdrop-filter: blur(10px) saturate(118%);
  backdrop-filter: blur(10px) saturate(118%);
}

.home-page .story .story-grid .simg .sov .lbl {
  grid-area: label;
  margin: 0;
  color: rgba(255, 255, 255, .82);
  letter-spacing: .14em;
}

.home-page .story .story-grid .simg .sov h3 {
  grid-area: title;
  max-width: none !important;
  margin: 0 !important;
  color: #fff;
  font-size: clamp(28px, 3vw, 44px) !important;
  line-height: 1.08 !important;
  letter-spacing: -.025em;
  text-shadow: none !important;
  text-wrap: balance;
}

.home-page .story .story-grid .simg .sov a {
  grid-area: action;
  align-self: end;
  justify-self: end;
  display: inline-flex;
  align-items: center;
  min-height: 44px;
  margin: 0 0 3px !important;
  padding: 10px 16px !important;
  border: 1px solid rgba(255, 255, 255, .58) !important;
  border-radius: 999px;
  color: #fff !important;
  background: rgba(255, 255, 255, .10);
  font-weight: 700;
  text-decoration: none;
  white-space: nowrap;
  transition: background-color .2s ease, border-color .2s ease, transform .2s ease;
}

.home-page .story .story-grid .simg .sov a:hover,
.home-page .story .story-grid .simg .sov a:focus-visible {
  border-color: rgba(255, 255, 255, .9) !important;
  background: rgba(255, 255, 255, .2);
  transform: translateY(-1px);
}

/* Keep the established three-card insight row directly below the image. */
.home-page .story .story-body {
  display: none !important;
}

/* Enlarged state: one clipped frame, with no image or caption edge overflow. */
.story-lightbox {
  box-sizing: border-box;
  padding: clamp(16px, 3vw, 36px);
  overflow: hidden;
}

.story-lightbox figure {
  box-sizing: border-box;
  width: min(94vw, 1500px) !important;
  max-width: calc(100vw - clamp(32px, 6vw, 72px));
  max-height: calc(100dvh - clamp(32px, 6vw, 72px)) !important;
  overflow: hidden !important;
}

.story-lightbox figure img {
  width: 100% !important;
  max-width: 100%;
  height: auto;
  max-height: calc(100dvh - 112px) !important;
  object-fit: contain;
}

.story-lightbox figcaption {
  box-sizing: border-box;
  width: 100%;
}

@media (max-width: 860px) {
  .home-page .story .story-grid .simg {
    height: clamp(500px, 74vw, 620px) !important;
  }

  .home-page .story .story-grid .simg > img {
    object-position: 42% 28%;
  }

  .home-page .story .story-grid .simg .sov {
    grid-template-columns: 1fr;
    grid-template-areas:
      "label"
      "title"
      "action";
    min-height: 40%;
  }

  .home-page .story .story-grid .simg .sov a {
    justify-self: start;
  }
}

@media (max-width: 620px) {
  .home-page .story .story-grid,
  .home-page .story .story-grid .simg {
    border-radius: 18px !important;
  }

  .home-page .story .story-grid .simg {
    height: 500px !important;
  }

  .home-page .story .story-grid .simg > img {
    object-position: 38% 24%;
  }

  .home-page .story .story-grid .simg .sov {
    min-height: 43%;
    padding: 20px !important;
  }

  .home-page .story .story-grid .simg .sov h3 {
    font-size: clamp(25px, 7.2vw, 31px) !important;
  }

  .story-lightbox {
    padding: 0;
  }

  .story-lightbox figure {
    width: 100% !important;
    max-width: 100%;
    max-height: 100dvh !important;
    border-radius: 0 !important;
  }

  .story-lightbox figure img {
    max-height: calc(100dvh - 58px) !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .home-page .story .story-grid .simg > img,
  .home-page .story .story-grid .simg .sov a {
    transition: none !important;
  }
}


/* source: styles/uiux-20-v246.css */
/* ==========================================================================
   Talktide homepage — UI/UX refinement cycle v246
   Twenty scoped passes that preserve the existing brand, content and behavior.
   ========================================================================== */

:root {
  --ui246-shell: 1680px;
  --ui246-gutter: clamp(20px, 4.2vw, 72px);
  --ui246-section-y: clamp(72px, 7vw, 104px);
  --ui246-radius-lg: 24px;
  --ui246-radius-md: 18px;
  --ui246-line: rgba(37, 139, 74, .16);
  --ui246-shadow: 0 18px 48px rgba(24, 84, 50, .08);
  --ui246-shadow-hover: 0 24px 58px rgba(24, 84, 50, .13);
  --ui246-white: #fff;
  --ui246-mist-1: #f7fbf9;
  --ui246-mist-2: #edf9f5;
  --ui246-mist-3: #e5f5f1;
  --ui246-ink: #12231b;
  --ui246-body: #506158;
}

/* Round 01 — one responsive content shell across every major module. */
.home-page main .wrap,
.home-page footer.site .wrap,
.home-page .contact-build-panel {
  width: min(calc(100% - (var(--ui246-gutter) * 2)), var(--ui246-shell)) !important;
  max-width: var(--ui246-shell) !important;
  margin-inline: auto !important;
}

/* Round 02 — consistent vertical rhythm and safe anchor landing positions. */
.home-page #partners,
.home-page #platform,
.home-page #industry-solutions,
.home-page #process,
.home-page #story,
.home-page #compliance,
.home-page #cta {
  scroll-margin-top: 76px;
}

.home-page #platform,
.home-page #industry-solutions,
.home-page #process,
.home-page #story,
.home-page #compliance {
  padding-block: var(--ui246-section-y) !important;
}

/* Round 03 — strengthen section hierarchy without changing the type system. */
.home-page .section-heading-v133 {
  width: min(100%, 1040px);
  margin-inline: auto;
}

.home-page .section-heading-v133 h2 {
  color: var(--ui246-ink) !important;
  font-size: clamp(38px, 4.15vw, 56px) !important;
  line-height: 1.08 !important;
  letter-spacing: -.035em !important;
  text-wrap: balance;
}

.home-page .section-heading-v133 > p,
.home-page .compliance-lead {
  max-width: 840px;
  margin-inline: auto !important;
  color: var(--ui246-body) !important;
  font-size: clamp(16px, 1.45vw, 19px) !important;
  line-height: 1.65 !important;
  text-wrap: pretty;
}

.home-page .section-heading-eyebrow {
  letter-spacing: .15em !important;
}

/* Round 04 — deliberate white / light teal / deeper teal section cycle. */
.home-page #partners { background: var(--ui246-mist-1) !important; }
.home-page #platform { background: var(--ui246-mist-3) !important; }
.home-page #industry-solutions { background: var(--ui246-white) !important; }
.home-page #process { background: var(--ui246-mist-2) !important; }
.home-page #story { background: var(--ui246-white) !important; }
.home-page #compliance { background: var(--ui246-mist-1) !important; }
.home-page #cta { background: var(--ui246-mist-3) !important; }

/* Round 05 — standardise borders, radii and elevation on core surfaces. */
.home-page .stat,
.home-page .platform-panel,
.home-page .solution-panel,
.home-page .pstep,
.home-page .story-insight,
.home-page .cmpl,
.home-page .contact-person {
  border: 1px solid var(--ui246-line) !important;
  border-radius: var(--ui246-radius-md) !important;
  box-shadow: var(--ui246-shadow) !important;
}

.home-page .stat,
.home-page .story-insight,
.home-page .contact-person {
  transition:
    transform .24s cubic-bezier(.22, .61, .36, 1),
    box-shadow .24s ease,
    border-color .24s ease;
}

.home-page .stat:hover,
.home-page .story-insight:hover,
.home-page .contact-person:hover {
  border-color: rgba(42, 167, 88, .32) !important;
  box-shadow: var(--ui246-shadow-hover) !important;
  transform: translateY(-3px);
}

/* Round 06 — give the desktop header a calmer, more legible 64px rhythm. */
.home-page > header.site {
  height: 64px !important;
  min-height: 64px !important;
}

.home-page > header.site .brand {
  height: 64px !important;
}

.home-page > header.site .brand img {
  width: auto !important;
  height: 41px !important;
  object-fit: contain;
}

.home-page > header.site nav > a,
.home-page > header.site .lang-btn,
.home-page > header.site .h-actions > .btn {
  font-size: 15px !important;
  line-height: 1.2;
}

/* Round 07 — one consistent navigation state, plus visible keyboard focus. */
.home-page > header.site nav > a {
  min-height: 42px;
  display: inline-flex;
  align-items: center;
  border-radius: 12px;
}

.home-page > header.site nav > a:hover,
.home-page > header.site nav > a:focus-visible {
  background: rgba(255, 255, 255, .12);
}

.home-page > header.site nav > a:focus-visible,
.home-page > header.site .lang-btn:focus-visible,
.home-page > header.site .btn:focus-visible {
  outline: 3px solid rgba(255, 255, 255, .72) !important;
  outline-offset: 2px;
}

/* Round 08 — preserve the Hero portrait while tightening its reading column. */
.home-page .hero .hcopy {
  width: min(52%, 720px) !important;
  max-width: 720px !important;
}

.home-page .hero .hcopy h1 {
  max-width: 690px;
  font-size: clamp(52px, 5.1vw, 76px) !important;
  line-height: 1.01 !important;
  letter-spacing: -.045em !important;
  text-wrap: balance;
}

.home-page .hero .lead {
  max-width: 650px !important;
  font-size: clamp(17px, 1.5vw, 20px) !important;
  line-height: 1.62 !important;
}

.home-page .hero-checks {
  gap: 10px 20px !important;
}

.home-page .hero .cta-row .btn {
  min-height: 52px;
  padding-inline: 22px !important;
}

/* Round 09 — equalise the five proof cards and improve scanability. */
.home-page .stats {
  padding-block: clamp(46px, 4.5vw, 62px) !important;
}

.home-page .stats .wrap {
  display: grid !important;
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  gap: clamp(12px, 1.4vw, 22px) !important;
}

.home-page .stats .stat {
  min-width: 0 !important;
  min-height: 118px;
  padding: 22px clamp(16px, 1.6vw, 26px) !important;
  background: rgba(247, 251, 249, .96) !important;
}

.home-page .stats .stat b {
  font-size: clamp(30px, 2.8vw, 42px) !important;
  line-height: 1 !important;
}

.home-page .stats .stat > div > span {
  display: block;
  margin-top: 7px;
  line-height: 1.35 !important;
}

/* Round 10 — tighten partner proof and keep the moving logo rail crisp. */
.home-page #partners {
  padding-block: clamp(68px, 6vw, 88px) !important;
}

.home-page #partners .partners-head {
  margin-bottom: clamp(30px, 3.5vw, 46px) !important;
}

.home-page #partners .partner-summary {
  margin-top: 18px !important;
}

.home-page #partners .partner-trustline {
  margin: 0 !important;
  color: #4e6057 !important;
  font-size: 17px !important;
  line-height: 1.5;
  text-align: center;
}

.home-page #partners .partner-proof {
  width: min(100%, 410px) !important;
  min-height: 66px !important;
}

.home-page #partners .partner-marquee {
  margin-top: 0 !important;
  padding-block: 8px !important;
}

.home-page #partners .partner-group > img {
  border: 1px solid rgba(24, 84, 50, .09);
  box-shadow: none !important;
}

/* Round 11 — make all five product bookmarks equally readable and aligned. */
.home-page #platform .plat-nav {
  margin: 12px 0 26px !important;
}

.home-page #platform .plat-tabs {
  gap: clamp(10px, 1.2vw, 16px) !important;
}

.home-page #platform .plat-tabs .ptab {
  height: 64px !important;
  min-height: 64px !important;
  padding-inline: clamp(14px, 1.7vw, 24px) !important;
  font-size: clamp(14px, 1.28vw, 17px) !important;
}

.home-page #platform .plat-tabs .ptab i.ti {
  font-size: 20px !important;
}

/* Round 12 — balance product information density across the two main cards. */
.home-page #platform .platform-grid {
  grid-template-columns: minmax(0, .96fr) minmax(0, 1.04fr) !important;
  gap: clamp(20px, 2vw, 30px) !important;
}

.home-page #platform .plat-card {
  min-width: 0;
  padding: clamp(28px, 2.6vw, 38px) !important;
  border: 1px solid var(--ui246-line) !important;
  border-radius: var(--ui246-radius-lg) !important;
  box-shadow: var(--ui246-shadow) !important;
}

.home-page #platform .plat-card-lead .plat-desc {
  color: #465a50 !important;
  font-size: 16px !important;
  line-height: 1.65 !important;
}

.home-page #platform .plat-coverage-item,
.home-page #platform .plat-operation,
.home-page #platform .value-card {
  border-color: rgba(37, 139, 74, .16) !important;
}

.home-page #platform .cap-list .check,
.home-page #platform .value-card li {
  font-size: 15px !important;
  line-height: 1.52 !important;
}

/* Round 13 — shorten industry cards while protecting photo focal points. */
.home-page #industry-solutions .wrap {
  max-width: 1500px !important;
}

.home-page #industry-solutions .ind-tabs {
  margin-bottom: 34px !important;
}

.home-page #industry-solutions .ind-panel {
  max-width: 1420px !important;
  padding: clamp(28px, 3vw, 44px) !important;
  border-radius: var(--ui246-radius-lg) !important;
  box-shadow: var(--ui246-shadow) !important;
}

.home-page #industry-solutions .ind-hero {
  grid-template-columns: minmax(0, 1.12fr) minmax(380px, .88fr) !important;
  gap: clamp(30px, 4vw, 58px) !important;
}

.home-page #industry-solutions .ind-visual {
  aspect-ratio: 4 / 3 !important;
  border-radius: 22px !important;
  box-shadow: 0 18px 44px rgba(25, 95, 52, .13) !important;
}

.home-page #industry-solutions .ind-visual img {
  object-position: center center !important;
}

/* Round 14 — align process steps, icons and support strip as one system. */
.home-page #process .proc-steps {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 0 !important;
  overflow: hidden !important;
  border: 1px solid var(--ui246-line) !important;
  border-radius: var(--ui246-radius-lg) var(--ui246-radius-lg) 0 0 !important;
  background: #fff;
  box-shadow: var(--ui246-shadow) !important;
}

.home-page #process .pstep {
  min-height: 310px !important;
  padding: 30px 98px 30px 30px !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

.home-page #process .pstep + .pstep {
  border-left: 1px solid rgba(37, 139, 74, .13) !important;
}

.home-page #process .p-art {
  top: 70px !important;
  right: 28px !important;
}

.home-page #process .proc-support {
  margin-top: 0 !important;
  overflow: hidden;
  border: 1px solid var(--ui246-line) !important;
  border-top: 0 !important;
  border-radius: 0 0 var(--ui246-radius-lg) var(--ui246-radius-lg) !important;
  background: rgba(232, 247, 239, .86) !important;
}

/* Round 15 — preserve the repaired story image and equalise its proof cards. */
.home-page #story .story-section-head {
  margin-bottom: clamp(34px, 4vw, 52px) !important;
}

.home-page #story .story-grid {
  box-shadow: var(--ui246-shadow) !important;
}

.home-page #story .story-insights {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  align-items: stretch;
  gap: clamp(16px, 2vw, 26px) !important;
  margin-top: clamp(22px, 2.6vw, 34px) !important;
}

.home-page #story .story-insight {
  min-height: 190px;
  padding: clamp(24px, 2.3vw, 32px) !important;
}

.home-page #story .story-insight p {
  font-size: 15px !important;
  line-height: 1.62 !important;
}

/* Round 16 — compact the compliance cube without weakening readability. */
.home-page #compliance .compliance-head {
  margin-bottom: 34px !important;
}

.home-page #compliance .compliance-cube-wrap {
  width: min(100%, 1440px) !important;
  margin-top: 0 !important;
}

.home-page #compliance .compliance-cube-stage {
  --compliance-cube-width: min(1380px, calc(100vw - (var(--ui246-gutter) * 2)));
  --compliance-cube-height: 500px;
  height: 558px;
}

.home-page #compliance .compliance-cube-face {
  gap: clamp(18px, 2vw, 28px) !important;
}

.home-page #compliance .compliance-cube-face > .cmpl {
  padding: clamp(26px, 2.4vw, 34px) !important;
}

.home-page #compliance .cmpl-summary {
  margin-bottom: 16px !important;
  color: #52645b !important;
  font-size: 15px !important;
  line-height: 1.56 !important;
}

.home-page #compliance .cmpl-points {
  gap: 9px 18px !important;
}

.home-page #compliance .cmpl-points li,
.home-page #compliance .cmpl-outcome p {
  font-size: 14px !important;
  line-height: 1.48 !important;
}

.home-page #compliance .cmpl-outcome {
  margin-top: auto !important;
  padding: 18px 20px !important;
}

.home-page #compliance .compliance-cube-nav {
  margin-top: 4px !important;
}

.home-page #compliance .compliance-cube-hint {
  margin-top: 12px !important;
}

.home-page #compliance .compl-note {
  margin-top: 18px !important;
}

/* Round 17 — remove dead space from the regional contact panel. */
.home-page #cta {
  padding-block: clamp(58px, 5.5vw, 76px) !important;
}

.home-page #cta .contact-build-panel {
  padding: clamp(32px, 3vw, 46px) !important;
  border: 1px solid var(--ui246-line) !important;
  border-radius: 28px !important;
  box-shadow: var(--ui246-shadow) !important;
}

.home-page #cta .contact-build-head {
  margin-bottom: 28px !important;
}

.home-page #cta .contact-build-head h2 {
  font-size: clamp(34px, 3.6vw, 50px) !important;
}

.home-page #cta .contact-team-grid {
  gap: clamp(14px, 1.6vw, 22px) !important;
}

.home-page #cta .contact-person {
  min-height: 116px !important;
  padding: 20px 22px !important;
  background: rgba(250, 253, 251, .92) !important;
}

.home-page #cta .contact-icon-action,
.home-page #cta .contact-digital-card {
  min-height: 44px !important;
}

/* Round 18 — clearer footer photography, lighter glass and denser columns. */
body.home-page footer.site {
  margin-top: 0 !important;
  padding: clamp(48px, 4.5vw, 66px) 0 22px !important;
  background-color: #d8e8df !important;
}

body.home-page footer.site::before {
  inset: 0 !important;
  background:
    linear-gradient(180deg, rgba(241, 249, 245, .06), rgba(13, 87, 61, .06)),
    url("../media/myid/talktide-malaysia-sea-footer-v4.webp")
      center bottom / cover no-repeat !important;
  filter: saturate(104%) contrast(102%) !important;
  transform: none !important;
}

body.home-page footer.site .foot-top {
  grid-template-columns:
    minmax(320px, 1.32fr)
    minmax(160px, .62fr)
    minmax(180px, .72fr)
    minmax(160px, .62fr)
    minmax(260px, .92fr) !important;
  gap: clamp(14px, 1.25vw, 20px) !important;
  width: min(calc(100% - (var(--ui246-gutter) * 2)), var(--ui246-shell)) !important;
  padding-bottom: 28px !important;
}

body.home-page footer.site .foot-brand,
body.home-page footer.site .fcol,
body.home-page footer.site .foot-top > .foff {
  height: auto !important;
  min-height: 340px !important;
  padding: clamp(24px, 2vw, 30px) !important;
  border: 1px solid rgba(255, 255, 255, .74) !important;
  background: rgba(255, 255, 255, .68) !important;
  box-shadow: 0 16px 36px rgba(17, 67, 43, .08) !important;
  -webkit-backdrop-filter: blur(6px) saturate(112%) !important;
  backdrop-filter: blur(6px) saturate(112%) !important;
}

body.home-page footer.site .foot-brand .fb,
body.home-page footer.site .fcol h4,
body.home-page footer.site .foot-top > .foff b {
  margin-bottom: 16px !important;
}

body.home-page footer.site .footer-brand-copy p,
body.home-page footer.site .fcol a,
body.home-page footer.site .foot-top > .foff p,
body.home-page footer.site .foot-top > .foff a {
  color: #28513b !important;
  font-size: 13px !important;
  line-height: 1.55 !important;
}

body.home-page footer.site .fcol a {
  margin-bottom: 7px !important;
}

body.home-page footer.site .foot-top > .foff p {
  margin-bottom: 14px !important;
}

body.home-page footer.site .foot-bottom {
  margin-top: 0 !important;
  padding-block: 16px !important;
  color: #214b35 !important;
  background: rgba(255, 255, 255, .72) !important;
  -webkit-backdrop-filter: blur(5px) saturate(110%) !important;
  backdrop-filter: blur(5px) saturate(110%) !important;
}

/* Round 19 — keep the conversation entry discreet, fixed and accessible. */
body.home-page #dlpk-chat {
  right: clamp(16px, 2vw, 28px) !important;
  bottom: calc(clamp(16px, 2vw, 28px) + env(safe-area-inset-bottom, 0px)) !important;
  z-index: 9996 !important;
}

body.home-page #dlpk-chat .dcp-nudge {
  width: 172px !important;
  min-height: 48px !important;
  color: #275d3d !important;
  background: rgba(255, 255, 255, .78) !important;
  border-color: rgba(255, 255, 255, .9) !important;
  box-shadow: 0 14px 34px rgba(21, 72, 45, .16) !important;
  -webkit-backdrop-filter: blur(12px) saturate(132%) !important;
  backdrop-filter: blur(12px) saturate(132%) !important;
}

body.home-page #dlpk-chat .dcp-nudge:focus-visible {
  outline: 3px solid rgba(255, 255, 255, .96) !important;
  outline-offset: 3px !important;
  box-shadow:
    0 0 0 6px rgba(42, 170, 88, .25),
    0 14px 34px rgba(21, 72, 45, .16) !important;
}

body.home-page #dlpk-chat #dlpk-panel {
  max-height: min(650px, calc(100dvh - 40px));
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, .82) !important;
  box-shadow: 0 28px 70px rgba(15, 61, 38, .22) !important;
}

/* Round 20 — responsive continuity, touch targets and reduced motion. */
.home-page :where(a, button, [role="button"]):focus-visible {
  outline: 3px solid rgba(43, 174, 91, .42);
  outline-offset: 3px;
}

.home-page button,
.home-page a.btn {
  touch-action: manipulation;
}

@media (max-width: 1120px) {
  :root {
    --ui246-gutter: clamp(18px, 3.5vw, 38px);
    --ui246-section-y: clamp(64px, 7vw, 82px);
  }

  .home-page .stats .wrap {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .home-page .stats .stat:last-child {
    grid-column: 1 / -1;
  }

  .home-page #platform .platform-grid {
    grid-template-columns: 1fr !important;
  }

  .home-page #industry-solutions .ind-hero {
    grid-template-columns: minmax(0, 1fr) minmax(330px, .82fr) !important;
  }

  .home-page #process .pstep {
    padding: 28px 82px 28px 26px !important;
  }

  .home-page #compliance .compliance-cube-stage {
    --compliance-cube-width: min(980px, calc(100vw - (var(--ui246-gutter) * 2)));
    --compliance-cube-height: 540px;
    height: 600px;
  }

  body.home-page footer.site .foot-top {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  body.home-page footer.site .foot-brand,
  body.home-page footer.site .foot-top > .foff {
    grid-column: 1 / -1;
  }

  body.home-page footer.site .foot-brand,
  body.home-page footer.site .fcol,
  body.home-page footer.site .foot-top > .foff {
    min-height: 0 !important;
  }
}

@media (max-width: 860px) {
  .home-page .section-heading-v133 h2 {
    font-size: clamp(34px, 7vw, 46px) !important;
  }

  .home-page .hero .hcopy {
    width: 100% !important;
    max-width: none !important;
  }

  .home-page .hero .hcopy h1 {
    max-width: min(100%, 650px);
    font-size: clamp(40px, 7.4vw, 56px) !important;
  }

  .home-page #platform .plat-tabs {
    justify-content: flex-start !important;
    overflow-x: auto !important;
    scroll-snap-type: x proximity;
    scrollbar-width: none;
  }

  .home-page #platform .plat-tabs::-webkit-scrollbar {
    display: none;
  }

  .home-page #platform .plat-tabs .ptab {
    flex: 0 0 auto !important;
    min-width: 170px !important;
    height: 56px !important;
    min-height: 56px !important;
    scroll-snap-align: start;
  }

  .home-page #industry-solutions .ind-hero {
    grid-template-columns: 1fr !important;
  }

  .home-page #industry-solutions .ind-visual {
    width: min(100%, 620px);
    margin-inline: auto;
  }

  .home-page #process .proc-steps {
    grid-template-columns: none !important;
    grid-auto-flow: column;
    grid-auto-columns: min(84vw, 430px);
    justify-content: flex-start;
    overflow-x: auto !important;
    scroll-snap-type: x mandatory;
  }

  .home-page #process .pstep {
    scroll-snap-align: start;
  }

  .home-page #process .pstep + .pstep {
    border-left: 1px solid rgba(37, 139, 74, .13) !important;
  }

  .home-page #story .story-insights {
    grid-template-columns: 1fr !important;
  }

  .home-page #story .story-insight {
    min-height: 0;
  }

  .home-page #compliance .compliance-cube-stage {
    --compliance-cube-width: min(720px, calc(100vw - (var(--ui246-gutter) * 2)));
    --compliance-cube-height: 590px;
    height: 650px;
  }

  .home-page #cta .contact-person {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 620px) {
  :root {
    --ui246-gutter: 14px;
    --ui246-section-y: 58px;
    --ui246-radius-lg: 20px;
    --ui246-radius-md: 16px;
  }

  .home-page > header.site,
  .home-page > header.site .brand {
    height: 60px !important;
    min-height: 60px !important;
  }

  .home-page > header.site .brand img {
    height: 35px !important;
  }

  body.home-page .hero-stage .stats .wrap {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  body.home-page .hero-stage .stats .stat:last-child {
    grid-column: 1 / -1;
  }

  .home-page .hero .hcopy h1 {
    font-size: clamp(34px, 10vw, 44px) !important;
    line-height: 1.04 !important;
  }

  .home-page .hero .lead {
    font-size: 16px !important;
  }

  .home-page #platform .plat-card,
  .home-page #industry-solutions .ind-panel,
  .home-page #cta .contact-build-panel {
    padding: 22px !important;
  }

  .home-page #industry-solutions .ind-visual {
    aspect-ratio: 4 / 3 !important;
  }

  .home-page #process .proc-steps {
    grid-auto-columns: calc(100vw - 42px);
  }

  .home-page #process .pstep {
    min-height: 300px !important;
    padding: 26px 72px 26px 24px !important;
  }

  .home-page #compliance .compliance-cube-stage {
    --compliance-cube-width: min(390px, calc(100vw - 28px));
    --compliance-cube-height: 1120px;
    height: 1178px;
  }

  .home-page #compliance .compliance-cube-face {
    grid-template-columns: 1fr !important;
    grid-template-rows: repeat(2, minmax(0, 1fr)) !important;
    gap: 14px !important;
  }

  .home-page #compliance .compliance-cube-face > .cmpl {
    padding: 22px 20px !important;
  }

  .home-page #cta .contact-build-panel {
    width: calc(100% - 28px) !important;
  }

  .home-page #cta .contact-person-actions {
    display: grid !important;
    grid-template-columns: repeat(3, 44px) minmax(0, 1fr);
  }

  body.home-page footer.site::before {
    background:
      linear-gradient(180deg, rgba(241, 249, 245, .04), rgba(13, 87, 61, .08)),
      url("../media/myid/talktide-malaysia-sea-footer-v4.webp")
        68% bottom / auto 100% no-repeat !important;
  }

  body.home-page footer.site .foot-top {
    grid-template-columns: 1fr !important;
    width: calc(100% - 24px) !important;
  }

  body.home-page footer.site .foot-brand,
  body.home-page footer.site .fcol,
  body.home-page footer.site .foot-top > .foff {
    grid-column: auto;
    padding: 22px !important;
    background: rgba(255, 255, 255, .72) !important;
  }

  body.home-page #dlpk-chat .dcp-nudge {
    width: 168px !important;
  }

  body.home-page #dlpk-chat #dlpk-panel {
    width: min(374px, calc(100vw - 24px)) !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .home-page *,
  .home-page *::before,
  .home-page *::after {
    scroll-behavior: auto !important;
  }

  .home-page .stat,
  .home-page .story-insight,
  .home-page .contact-person,
  body.home-page #dlpk-chat .dcp-nudge {
    animation: none !important;
    transition: none !important;
    transform: none !important;
  }
}


/* source: styles/mobile-uiux-20-v247.css */
/* ==========================================================================
   Talktide mobile UI/UX refinement v247
   Priority recovery: Customer Story image-left / content-right composition.
   Twenty mobile passes, grounded in the existing Talktide design system.
   ========================================================================== */

/* Priority recovery — restore the complete Customer Story module. */
.home-page #story .story-grid {
  display: grid !important;
  grid-template-columns: minmax(420px, .9fr) minmax(0, 1.1fr) !important;
  min-height: 610px !important;
  overflow: hidden !important;
  border: 1px solid rgba(37, 139, 74, .16) !important;
  border-radius: 24px !important;
  background: #fff !important;
}

.home-page #story .story-grid .simg {
  height: 100% !important;
  min-height: 610px !important;
  border-radius: 0 !important;
}

.home-page #story .story-grid .simg > img {
  object-position: 38% center !important;
}

.home-page #story .story-grid .simg .sov {
  grid-template-columns: 1fr !important;
  grid-template-areas: "label" "title" "action" !important;
  align-content: end;
  min-height: 34% !important;
  padding: 26px 28px 30px !important;
}

.home-page #story .story-grid .simg .sov h3 {
  font-size: clamp(27px, 2.35vw, 36px) !important;
}

.home-page #story .story-grid .simg .sov a {
  justify-self: start !important;
}

.home-page #story .story-body {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  align-content: center;
  gap: 14px !important;
  padding: clamp(24px, 2.8vw, 38px) !important;
  background: rgba(255, 255, 255, .96) !important;
}

.home-page #story .story-body .scol {
  min-width: 0;
  margin: 0 !important;
  padding: 20px !important;
  border: 1px solid rgba(37, 139, 74, .14);
  border-radius: 17px;
  background: #f6fbf8;
}

.home-page #story .story-body .scol h4 {
  margin: 0 0 10px !important;
  color: #176f3a !important;
  font-size: 16px !important;
}

.home-page #story .story-body .scol li,
.home-page #story .story-body .scol p,
.home-page #story .story-body .qa {
  font-size: 14px !important;
  line-height: 1.55 !important;
}

.home-page #story .story-body .quote {
  grid-column: 1 / -1;
  background: linear-gradient(135deg, #eef9f3, #f9fcfa);
}

.home-page .proc-mobile-hint {
  display: none;
}

/* Round 01 — compact, stable mobile header. */
@media (max-width: 700px) {
  .home-page > header.site,
  .home-page > header.site .brand {
    height: 58px !important;
    min-height: 58px !important;
  }

  .home-page > header.site .brand {
    width: 148px !important;
    padding-left: 12px !important;
  }

  .home-page > header.site .brand img {
    width: 138px !important;
    height: auto !important;
  }

  .home-page > header.site .nav-toggle {
    right: 9px !important;
    width: 42px !important;
    height: 42px !important;
    border-radius: 12px !important;
  }

  .home-page > header.site .lang-dd {
    right: 60px !important;
  }

  .home-page > header.site .lang-btn {
    width: 44px !important;
    min-width: 44px !important;
    height: 44px !important;
    min-height: 44px !important;
    padding: 0 !important;
    justify-content: center !important;
  }

  /* Round 02 — white frosted mobile navigation instead of a solid block. */
  .home-page > header.site nav {
    top: 58px !important;
    padding: 10px 12px 14px !important;
    background: rgba(249, 253, 251, .94) !important;
    border-top: 1px solid rgba(37, 139, 74, .12);
    box-shadow: 0 20px 42px rgba(17, 70, 43, .16) !important;
    -webkit-backdrop-filter: blur(18px) saturate(128%);
    backdrop-filter: blur(18px) saturate(128%);
  }

  .home-page > header.site nav a {
    min-height: 44px !important;
    margin: 2px 0 !important;
    padding: 10px 14px !important;
    border: 1px solid transparent !important;
    border-radius: 12px !important;
    color: #214c35 !important;
    background: transparent !important;
    font-size: 14px !important;
  }

  .home-page > header.site nav a:hover,
  .home-page > header.site nav a:focus-visible,
  .home-page > header.site nav a.is-active {
    border-color: rgba(43, 174, 91, .18) !important;
    background: rgba(43, 174, 91, .09) !important;
  }

  .home-page > header.site nav .mobile-nav-contact {
    margin-top: 8px !important;
    color: #fff !important;
    background: #2cad59 !important;
  }

  /* Round 03 — continuous Hero scale and tighter first-screen rhythm. */
  .home-page .hero {
    min-height: 724px !important;
  }

  .home-page .hero .hcopy {
    padding: 56px 16px 42px !important;
  }

  .home-page .hero .hcopy h1 {
    max-width: 315px !important;
    margin-top: 20px !important;
    font-size: clamp(35px, 9.8vw, 42px) !important;
    line-height: 1.04 !important;
    letter-spacing: -.04em !important;
  }

  .home-page .hero .lead {
    max-width: 310px !important;
    margin-top: 18px !important;
    font-size: 15.5px !important;
    line-height: 1.5 !important;
  }

  /* Round 04 — protect portrait focal point and strengthen the reading gradient. */
  .home-page .hero::after {
    background:
      linear-gradient(90deg, rgba(250, 253, 251, .96) 0%, rgba(250, 253, 251, .82) 49%, rgba(250, 253, 251, .10) 100%) !important;
  }

  .home-page .hero .hero-media,
  .home-page .hero .hero-poster,
  .home-page .hero video {
    object-position: 61% center !important;
  }

  .home-page .hero .eyebrow {
    max-width: calc(100vw - 38px);
    padding-inline: 12px !important;
    font-size: 10px !important;
    letter-spacing: .11em !important;
    white-space: nowrap;
  }

  /* Round 05 — compact checks and full-width primary actions. */
  .home-page .hero-checks {
    gap: 8px !important;
    margin-top: 18px !important;
  }

  .home-page .hero-checks li {
    font-size: 13px !important;
    line-height: 1.35 !important;
  }

  .home-page .hero .cta-row {
    width: min(100%, 300px);
    gap: 10px !important;
    margin-top: 22px !important;
  }

  .home-page .hero .cta-row .btn {
    width: 100% !important;
    min-height: 48px !important;
    justify-content: space-between;
  }

  /* Round 06 — dense two-column proof cards; final card spans the row. */
  body.home-page .hero-stage .stats {
    padding-block: 34px !important;
  }

  body.home-page .hero-stage .stats .wrap {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
    width: calc(100% - 28px) !important;
  }

  body.home-page .hero-stage .stats .stat {
    min-height: 108px !important;
    padding: 17px 13px !important;
    border-radius: 16px !important;
  }

  body.home-page .hero-stage .stats .stat:last-child {
    grid-column: 1 / -1;
  }

  body.home-page .hero-stage .stats .stat b {
    font-size: 30px !important;
  }

  body.home-page .hero-stage .stats .stat > div > span {
    font-size: 12px !important;
  }

  /* Round 07 — shorten partner introduction and recognition badge. */
  .home-page #partners {
    padding-block: 54px !important;
  }

  .home-page #partners .partners-head {
    margin-bottom: 24px !important;
  }

  .home-page #partners .section-heading-v133 h2 {
    font-size: 34px !important;
  }

  .home-page #partners .partner-trustline {
    max-width: 330px;
    margin-inline: auto !important;
    font-size: 15px !important;
  }

  .home-page #partners .partner-proof {
    width: min(100%, 330px) !important;
    min-height: 58px !important;
    padding: 8px 14px !important;
  }

  /* Round 08 — crisp, compact horizontal logo rail. */
  .home-page #partners .partner-marquee {
    margin-top: 24px !important;
    padding-block: 6px !important;
  }

  .home-page #partners .partner-group {
    gap: 10px !important;
  }

  .home-page #partners .partner-group > img {
    width: 138px !important;
    height: 78px !important;
    padding: 14px !important;
    border-radius: 15px !important;
    background: #fff !important;
  }

  /* Round 09 — mobile section titles remain strong without excessive wrapping. */
  .home-page .section-heading-v133 {
    margin-bottom: 30px !important;
  }

  .home-page .section-heading-v133 h2 {
    font-size: clamp(33px, 9vw, 39px) !important;
    line-height: 1.08 !important;
  }

  .home-page .section-heading-v133 > p,
  .home-page .compliance-lead {
    max-width: 335px !important;
    font-size: 15px !important;
    line-height: 1.55 !important;
  }

  /* Round 10 — preserve bookmark identity in a balanced two-column grid. */
  .home-page #platform .plat-tabs {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
    overflow: visible !important;
  }

  .home-page #platform .plat-tabs .ptab {
    grid-column: auto !important;
    min-width: 0 !important;
    width: 100% !important;
    height: 54px !important;
    min-height: 54px !important;
    padding-inline: 10px !important;
    font-size: 13px !important;
  }

  .home-page #platform .plat-tabs .ptab:last-child {
    grid-column: 1 / -1 !important;
    width: min(58%, 205px) !important;
    justify-self: center;
  }

  /* Round 11 — product information stays complete but scans faster. */
  .home-page #platform .platform-grid {
    gap: 14px !important;
  }

  .home-page #platform .plat-card {
    padding: 20px 18px !important;
    border-radius: 18px !important;
  }

  .home-page #platform .plat-desc {
    font-size: 14.5px !important;
    line-height: 1.55 !important;
  }

  .home-page #platform .plat-coverage {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 9px !important;
  }

  .home-page #platform .plat-coverage-item,
  .home-page #platform .plat-operation,
  .home-page #platform .value-card {
    padding: 14px !important;
  }

  .home-page #platform .cap-list {
    grid-template-columns: 1fr !important;
  }

  /* Round 12 — industry tabs are a deliberate horizontal control rail. */
  .home-page #industry-solutions .ind-tabs {
    gap: 8px !important;
    margin: 0 -14px 24px !important;
    padding: 0 14px 8px !important;
    scroll-padding-inline: 14px;
  }

  .home-page #industry-solutions .itab {
    min-height: 46px !important;
    padding: 10px 14px !important;
    font-size: 13px !important;
    scroll-snap-align: start;
  }

  .home-page #industry-solutions .ind-panel {
    padding: 20px !important;
    border-radius: 19px !important;
  }

  .home-page #industry-solutions .ind-name {
    font-size: 30px !important;
  }

  .home-page #industry-solutions .ind-desc,
  .home-page #industry-solutions .ind-help p,
  .home-page #industry-solutions .ind-context p {
    font-size: 14px !important;
    line-height: 1.55 !important;
  }

  .home-page #industry-solutions .ind-visual {
    margin-top: 18px !important;
    aspect-ratio: 4 / 3 !important;
    border-radius: 16px !important;
  }

  /* Round 13 — one complete process card per snap point. */
  .home-page #process .proc-steps {
    grid-template-columns: none !important;
    grid-auto-flow: column !important;
    grid-auto-columns: calc(100vw - 42px) !important;
    margin-inline: -14px !important;
    padding-inline: 14px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    scroll-padding-inline: 14px;
  }

  .home-page #process .pstep {
    grid-auto-rows: auto;
    min-height: 330px !important;
    padding: 25px 72px 25px 22px !important;
    border: 1px solid rgba(37, 139, 74, .16) !important;
    border-radius: 18px !important;
    background: #fff !important;
    box-shadow: 0 16px 36px rgba(24, 84, 50, .08) !important;
  }

  .home-page #process .pstep + .pstep {
    border-left: 1px solid rgba(37, 139, 74, .16) !important;
  }

  .home-page #process .proc-support {
    margin-top: 14px !important;
    border: 1px solid rgba(37, 139, 74, .14) !important;
    border-radius: 18px !important;
  }

  .home-page #process .proc-mobile-hint {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    margin: 12px 0 0;
    color: #217744;
    font-size: 12px;
    font-weight: 750;
  }

  /* Round 14 — restored story becomes image-first, then full content on mobile. */
  .home-page #story .story-grid {
    grid-template-columns: 1fr !important;
    min-height: 0 !important;
    border-radius: 19px !important;
  }

  .home-page #story .story-grid .simg {
    height: 390px !important;
    min-height: 390px !important;
  }

  .home-page #story .story-grid .simg > img {
    object-position: 40% 30% !important;
  }

  .home-page #story .story-grid .simg .sov {
    min-height: 42% !important;
    padding: 20px !important;
  }

  .home-page #story .story-grid .simg .sov h3 {
    font-size: 25px !important;
  }

  .home-page #story .story-body {
    grid-template-columns: 1fr !important;
    gap: 10px !important;
    padding: 14px !important;
  }

  .home-page #story .story-body .scol,
  .home-page #story .story-body .quote {
    grid-column: auto;
    padding: 16px !important;
  }

  .home-page #story .story-insights {
    display: grid !important;
    grid-template-columns: none !important;
    grid-auto-flow: column;
    grid-auto-columns: min(82vw, 320px);
    gap: 12px !important;
    margin-inline: -14px;
    padding: 0 14px 8px;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    scrollbar-width: none;
  }

  .home-page #story .story-insights::-webkit-scrollbar {
    display: none;
  }

  .home-page #story .story-insight {
    min-height: 0 !important;
    padding: 20px !important;
    scroll-snap-align: start;
  }

  /* Round 15 — shorten the compliance cube while keeping two complete cards. */
  .home-page #compliance .compliance-cube-stage {
    --compliance-cube-width: min(380px, calc(100vw - 28px));
    --compliance-cube-height: 988px;
    height: 1046px;
  }

  .home-page #compliance .compliance-cube-face > .cmpl {
    padding: 20px 18px !important;
    border-radius: 18px !important;
  }

  .home-page #compliance .cmpl-head {
    justify-content: flex-start !important;
  }

  .home-page #compliance .cmpl-summary {
    font-size: 14px !important;
  }

  .home-page #compliance .cmpl-points {
    gap: 7px !important;
  }

  .home-page #compliance .cmpl-points li,
  .home-page #compliance .cmpl-outcome p {
    font-size: 13.5px !important;
  }

  /* Keep outcomes on larger screens. On phones the checklist is the useful
     scan target and the fixed cube face would crop the outcome panel. */
  .home-page #compliance .cmpl-outcome {
    display: none !important;
  }

  /* Round 16 — compact regional contact cards and preserve 44px actions. */
  .home-page #cta {
    padding-block: 50px !important;
  }

  .home-page #cta .contact-build-panel {
    width: calc(100% - 24px) !important;
    padding: 24px 16px !important;
    border-radius: 20px !important;
  }

  .home-page #cta .contact-build-head h2 {
    font-size: 34px !important;
  }

  .home-page #cta .contact-person {
    padding: 17px !important;
    border-radius: 16px !important;
  }

  .home-page #cta .contact-person-actions {
    grid-template-columns: repeat(3, 44px) minmax(0, 1fr) !important;
    gap: 7px !important;
  }

  .home-page #cta .contact-digital-card {
    padding-inline: 10px !important;
    font-size: 12px !important;
  }

  /* Round 17 — two-column mobile footer directory with a full-width brand. */
  body.home-page footer.site {
    padding-top: 34px !important;
  }

  body.home-page footer.site .foot-top {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
    width: calc(100% - 20px) !important;
  }

  body.home-page footer.site .foot-brand,
  body.home-page footer.site .foot-top > .foff {
    grid-column: 1 / -1 !important;
  }

  /* Mobile footer keeps company context and regional contacts concise. */
  body.home-page footer.site .foot-top > .fcol {
    display: none !important;
  }

  body.home-page footer.site .foot-brand,
  body.home-page footer.site .fcol,
  body.home-page footer.site .foot-top > .foff {
    padding: 18px !important;
    border-radius: 17px !important;
    background: rgba(255, 255, 255, .70) !important;
    -webkit-backdrop-filter: blur(5px) saturate(110%) !important;
    backdrop-filter: blur(5px) saturate(110%) !important;
  }

  body.home-page footer.site .footer-brand-copy p,
  body.home-page footer.site .fcol a,
  body.home-page footer.site .foot-top > .foff p,
  body.home-page footer.site .foot-top > .foff a {
    font-size: 12px !important;
    line-height: 1.48 !important;
  }

  body.home-page footer.site .fcol h4,
  body.home-page footer.site .foot-top > .foff b {
    font-size: 12px !important;
    margin-bottom: 12px !important;
  }

  body.home-page footer.site .foot-sites {
    gap: 7px !important;
  }

  body.home-page footer.site .foot-sites a {
    min-height: 40px !important;
  }

  /* Round 18 — persistent but non-obstructive mobile conversation entry. */
  body.home-page #dlpk-chat {
    right: 10px !important;
    bottom: calc(10px + env(safe-area-inset-bottom, 0px)) !important;
  }

  body.home-page #dlpk-chat .dcp-nudge {
    width: 138px !important;
    min-height: 42px !important;
    padding: 6px 10px 6px 7px !important;
    grid-template-columns: 26px minmax(0, 1fr) !important;
    gap: 6px !important;
    border-radius: 15px 15px 5px 15px !important;
  }

  body.home-page #dlpk-chat .dcp-nudge-chat {
    width: 26px !important;
    height: 26px !important;
    border-radius: 8px !important;
    font-size: 16px !important;
  }

  body.home-page #dlpk-chat .dcp-nudge-copy b {
    gap: 5px !important;
    font-size: 11.5px !important;
  }

  body.home-page #dlpk-chat .dcp-online-light {
    width: 6px !important;
    height: 6px !important;
  }

  /* Round 19 — true phone-size overlays with safe close controls. */
  #aboutModal.about-modal,
  #productModal.about-modal,
  .story-lightbox,
  .flight-overlay {
    padding: 0 !important;
  }

  #aboutModal .about-dialog,
  #productModal .about-dialog,
  .story-lightbox figure {
    width: 100vw !important;
    height: 100dvh !important;
    max-width: none !important;
    max-height: none !important;
    border: 0 !important;
    border-radius: 0 !important;
  }

  #aboutModal .about-close,
  #productModal .about-close,
  .story-lightbox-close {
    top: calc(10px + env(safe-area-inset-top, 0px)) !important;
    right: 10px !important;
    width: 44px !important;
    height: 44px !important;
  }

  /* Round 20 — touch, focus, anchors and motion safeguards. */
  .home-page #partners,
  .home-page #platform,
  .home-page #industry-solutions,
  .home-page #process,
  .home-page #story,
  .home-page #compliance,
  .home-page #cta {
    scroll-margin-top: 66px !important;
  }

  .home-page :where(button, a, [role="button"]) {
    -webkit-tap-highlight-color: rgba(43, 174, 91, .12);
  }

  .home-page :where(button, a, [role="button"]):focus-visible {
    outline: 3px solid rgba(43, 174, 91, .42) !important;
    outline-offset: 3px !important;
  }

  html,
  body.home-page {
    max-width: 100%;
    overflow-x: clip;
  }
}

@media (max-width: 430px) {
  .home-page .hero .hcopy {
    padding-inline: 14px !important;
  }

  .home-page #platform .plat-card,
  .home-page #industry-solutions .ind-panel {
    padding: 18px 16px !important;
  }

  .home-page #platform .plat-cta,
  .home-page .travel-card .mini-action,
  .home-page .voice-language button,
  .home-page #cta .contact-icon-action {
    min-height: 44px !important;
  }

  .home-page #cta .contact-icon-action {
    width: 44px !important;
    min-width: 44px !important;
  }

  .home-page #compliance .compliance-cube-dot {
    width: 44px !important;
    height: 44px !important;
    background: transparent !important;
    box-shadow: none !important;
    transform: none !important;
  }

  .home-page #compliance .compliance-cube-dot::before {
    inset: 15px !important;
    background: #c9ddd1;
    border-radius: 50%;
    transition: transform .25s ease, background-color .25s ease, box-shadow .25s ease;
  }

  .home-page #compliance .compliance-cube-dot.is-active::before {
    background: #31ad5b;
    box-shadow: 0 0 0 4px rgba(49, 173, 91, .12);
    transform: scale(1.34);
  }

  .home-page #story .story-grid .simg {
    height: 370px !important;
    min-height: 370px !important;
  }

  body.home-page footer.site .foot-brand .fb img {
    width: min(190px, 68vw) !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .home-page #partners .partner-track,
  .home-page #story .story-grid .simg > img,
  .home-page #story .story-grid .simg .sov a,
  body.home-page #dlpk-chat .dcp-nudge {
    animation: none !important;
    transition: none !important;
  }
}


/* source: styles/performance-effects-20-v248.css */
/* Talktide asset/performance effects v248
   Twenty restrained interaction passes built on the existing Talktide system.
   Motion is limited to opacity/transform/filter and disabled for reduced motion. */

@font-face {
  font-family: "tabler-icons-200";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("./vendor/tabler-icons/fonts/tabler-icons-200.woff2?v3.45.0") format("woff2");
}

:root {
  --fx248-green: #31ad5b;
  --fx248-green-deep: #15783d;
  --fx248-ease: cubic-bezier(.16, 1, .3, 1);
  --fx248-soft-shadow: 0 18px 44px rgba(25, 91, 55, .09);
}

/* 01 — a calm, single-frame page arrival. */
.fx248-enabled body.home-page {
  animation: fx248-page-in .42s ease-out both;
}

@keyframes fx248-page-in {
  from { opacity: .001; }
  to { opacity: 1; }
}

/* 02 — the navigation gains a quiet frosted state after leaving the hero top. */
body.home-page header.site {
  transition:
    background-color .28s ease,
    box-shadow .28s ease,
    backdrop-filter .28s ease;
}

.fx248-scrolled body.home-page header.site {
  box-shadow: 0 10px 34px rgba(18, 76, 44, .12);
  backdrop-filter: saturate(1.16) blur(14px);
  -webkit-backdrop-filter: saturate(1.16) blur(14px);
}

/* 03 — hero copy enters as one coherent reading sequence. */
.fx248-enabled .hero .eyebrow,
.fx248-enabled .hero h1,
.fx248-enabled .hero .lead,
.fx248-enabled .hero .hero-checks,
.fx248-enabled .hero .cta-row {
  opacity: 0;
  transform: translate3d(0, 14px, 0);
  animation: fx248-hero-copy .68s var(--fx248-ease) forwards;
}

.fx248-enabled .hero h1 { animation-delay: 60ms; }
.fx248-enabled .hero .lead { animation-delay: 120ms; }
.fx248-enabled .hero .hero-checks { animation-delay: 180ms; }
.fx248-enabled .hero .cta-row { animation-delay: 240ms; }

@keyframes fx248-hero-copy {
  to { opacity: 1; transform: translate3d(0, 0, 0); }
}

/* 04 — desktop hero footage receives a very small cinematic drift. */
@media (min-width: 901px) and (hover: hover) {
  .fx248-motion .hero .himg video {
    transform: translate3d(var(--fx-x, 0), var(--fx-y, 0), 0) scale(1.012);
    animation: fx248-hero-drift 16s ease-in-out infinite alternate;
    will-change: transform;
  }
}

@keyframes fx248-hero-drift {
  from { object-position: 50% 49%; }
  to { object-position: 50% 51%; }
}

/* 05 — the hero eyebrow carries a restrained brand-light sweep. */
.hero .eyebrow {
  position: relative;
  overflow: hidden;
}

.fx248-motion .hero .eyebrow::after {
  content: "";
  position: absolute;
  inset: -30% auto -30% -42%;
  width: 28%;
  background: linear-gradient(105deg, transparent, rgba(255, 255, 255, .72), transparent);
  transform: skewX(-18deg);
  animation: fx248-sweep 7.5s ease-in-out 1.8s infinite;
  pointer-events: none;
}

@keyframes fx248-sweep {
  0%, 78% { left: -42%; opacity: 0; }
  82% { opacity: 1; }
  96%, 100% { left: 118%; opacity: 0; }
}

/* 06 — buttons move as a unit, while arrows answer separately. */
.home-page .btn,
.home-page .mini-action,
.home-page .contact-digital-card {
  transition:
    transform .28s var(--fx248-ease),
    box-shadow .28s ease,
    border-color .28s ease,
    background-color .28s ease;
}

@media (hover: hover) {
  .home-page .btn:hover,
  .home-page .mini-action:hover,
  .home-page .contact-digital-card:hover {
    transform: translate3d(0, -2px, 0);
    box-shadow: 0 12px 26px rgba(26, 116, 64, .14);
  }

  .home-page .btn:hover .ti-arrow-right,
  .home-page .contact-digital-card:hover .ti-arrow-up-right {
    transform: translate3d(3px, 0, 0);
  }
}

.home-page .btn .ti-arrow-right,
.home-page .contact-digital-card .ti-arrow-up-right {
  transition: transform .24s var(--fx248-ease);
}

/* 07 — proof metrics reveal in a measured left-to-right cadence. */
.fx248-enabled .stats.fx248-reveal .stat {
  opacity: 0;
  transform: translate3d(0, 12px, 0);
  transition: opacity .52s ease, transform .58s var(--fx248-ease);
  transition-delay: calc(var(--fx248-item, 0) * 65ms);
}

.fx248-enabled .stats.fx248-reveal.is-inview .stat {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}

/* 08 — stat icon response is local, fast and never alters layout. */
.stats .stat .si {
  transition: transform .3s var(--fx248-ease), box-shadow .3s ease;
}

@media (hover: hover) {
  .stats .stat:hover .si {
    transform: translate3d(0, -2px, 0) scale(1.04);
    box-shadow: 0 9px 22px rgba(49, 173, 91, .22);
  }
}

/* 09 — recognition medal uses a real-asset specular pass. */
.partner-proof img {
  transition: transform .55s var(--fx248-ease), filter .45s ease;
}

@media (hover: hover) {
  .partner-proof:hover img {
    transform: rotate(-3deg) scale(1.035);
    filter: saturate(1.08) brightness(1.04);
  }
}

/* 10 — marquee edges fade cleanly; focus and hover still pause the rail. */
.partner-marquee {
  -webkit-mask-image: linear-gradient(90deg, transparent, #000 4%, #000 96%, transparent);
  mask-image: linear-gradient(90deg, transparent, #000 4%, #000 96%, transparent);
}

.partner-marquee .partner-group > img {
  transition: transform .3s var(--fx248-ease), border-color .3s ease, background-color .3s ease;
}

@media (hover: hover) {
  .partner-marquee .partner-group > img:hover {
    transform: translate3d(0, -3px, 0);
    border-color: rgba(49, 173, 91, .28);
  }
}

/* 11 — section ornaments breathe once as their section enters. */
.fx248-enabled .fx248-reveal .section-heading-divider {
  opacity: .5;
  transform: scaleX(.72);
  transition: opacity .48s ease .1s, transform .62s var(--fx248-ease) .1s;
}

.fx248-enabled .fx248-reveal.is-inview .section-heading-divider {
  opacity: 1;
  transform: scaleX(1);
}

/* 12 — product bookmarks behave like tactile tabs without changing geometry. */
#platform .ptab {
  transform-origin: 50% 100%;
  transition:
    transform .3s var(--fx248-ease),
    color .25s ease,
    background-color .25s ease,
    border-color .25s ease,
    box-shadow .3s ease;
}

@media (hover: hover) {
  #platform .ptab:hover {
    transform: translate3d(0, -3px, 0);
  }
}

#platform .ptab.is-active,
#platform .ptab[aria-selected="true"] {
  box-shadow: 0 14px 30px rgba(49, 173, 91, .15);
}

/* 13 — platform panels arrive together, then retain subtle depth on hover. */
.fx248-enabled #platform.fx248-reveal .plat-card {
  opacity: 0;
  transform: translate3d(0, 16px, 0);
  transition: opacity .54s ease, transform .62s var(--fx248-ease), box-shadow .3s ease;
}

.fx248-enabled #platform.fx248-reveal.is-inview .plat-card {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}

.fx248-enabled #platform.fx248-reveal.is-inview .plat-card:nth-child(2) {
  transition-delay: 80ms;
}

@media (hover: hover) {
  #platform .plat-card:hover { box-shadow: var(--fx248-soft-shadow); }
}

/* 14 — industry selection changes remain legible during image swaps. */
#industry-solutions .itab,
#industry-solutions .ind-visual img {
  transition:
    transform .42s var(--fx248-ease),
    opacity .32s ease,
    filter .32s ease,
    background-color .25s ease,
    color .25s ease;
}

@media (hover: hover) {
  #industry-solutions .itab:hover { transform: translate3d(0, -2px, 0); }
  #industry-solutions .ind-visual:hover img { transform: scale(1.018); }
}

#industry-solutions.is-switching .ind-visual img {
  opacity: .72;
  filter: saturate(.88);
  transform: scale(1.008);
}

/* 15 — connected journey reads as a timed progression. */
.fx248-enabled #flow.fx248-reveal .fstep,
.fx248-enabled #flow.fx248-reveal .bcol {
  opacity: 0;
  transform: translate3d(0, 12px, 0);
  transition: opacity .5s ease, transform .58s var(--fx248-ease);
  transition-delay: calc(var(--fx248-item, 0) * 70ms);
}

.fx248-enabled #flow.fx248-reveal.is-inview .fstep,
.fx248-enabled #flow.fx248-reveal.is-inview .bcol {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}

#flow .fstep .arrow {
  color: var(--fx248-green-deep);
  opacity: .72;
}

.fx248-motion #flow.is-inview .fstep .arrow {
  animation: fx248-arrow-nudge 2.8s ease-in-out infinite;
  animation-delay: calc(var(--fx248-item, 0) * 120ms);
}

@keyframes fx248-arrow-nudge {
  0%, 65%, 100% { transform: translate3d(0, 0, 0); }
  78% { transform: translate3d(4px, 0, 0); }
}

/* 16 — process cards reveal top-aligned and remain visually stable. */
.fx248-enabled #process.fx248-reveal .pstep {
  opacity: 0;
  transform: translate3d(0, 14px, 0);
  transition: opacity .5s ease, transform .58s var(--fx248-ease), box-shadow .3s ease;
  transition-delay: calc(var(--fx248-item, 0) * 85ms);
}

.fx248-enabled #process.fx248-reveal.is-inview .pstep {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}

@media (hover: hover) {
  #process .pstep:hover { box-shadow: var(--fx248-soft-shadow); }
}

/* 17 — story media gains depth without covering faces or moving text. */
#story .simg {
  isolation: isolate;
}

#story .simg > img {
  transition: transform .75s var(--fx248-ease), filter .45s ease;
}

@media (hover: hover) {
  #story .simg:hover > img {
    transform: scale(1.012);
    filter: saturate(1.025);
  }
}

.fx248-enabled #story.fx248-reveal .story-insight {
  opacity: 0;
  transform: translate3d(0, 12px, 0);
  transition: opacity .5s ease, transform .58s var(--fx248-ease);
  transition-delay: calc(var(--fx248-item, 0) * 75ms);
}

.fx248-enabled #story.fx248-reveal.is-inview .story-insight {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}

/* 18 — compliance cube active controls become easier to track. */
#compliance .compliance-cube-dot {
  transition: transform .28s var(--fx248-ease), background-color .28s ease, box-shadow .28s ease;
}

#compliance .compliance-cube-dot.is-active,
#compliance .compliance-cube-dot[aria-current="true"] {
  transform: scale(1.16);
  box-shadow: 0 0 0 5px rgba(49, 173, 91, .12);
}

/* 19 — contact actions answer independently while cards stay aligned. */
#cta .contact-person,
#cta .contact-icon-action {
  transition:
    transform .3s var(--fx248-ease),
    box-shadow .3s ease,
    border-color .3s ease,
    background-color .3s ease;
}

@media (hover: hover) {
  #cta .contact-person:hover {
    transform: translate3d(0, -3px, 0);
    box-shadow: var(--fx248-soft-shadow);
  }

  #cta .contact-icon-action:hover {
    transform: translate3d(0, -2px, 0);
  }
}

/* 20 — footer photography and the fixed chat entry keep one quiet ambient pulse. */
@media (min-width: 901px) {
  .fx248-motion footer.site::before {
    animation: fx248-footer-pan 20s ease-in-out infinite alternate;
    will-change: background-position;
  }
}

@keyframes fx248-footer-pan {
  from { background-position: center 52%; }
  to { background-position: center 48%; }
}

.fx248-motion #dlpk-chat .dcp-online-light {
  animation: fx248-online-light 2.6s ease-in-out infinite;
}

/* Performance pass v249: keep continuous work quiet outside the viewport. */
.partner-marquee.is-offscreen .partner-track {
  animation-play-state: paused !important;
  will-change: auto !important;
}

body.home-page footer.site:not(.fx249-media-ready) {
  background-image: none !important;
}

body.home-page footer.site:not(.fx249-media-ready)::before {
  background-image: none !important;
  animation: none !important;
  will-change: auto !important;
}

body.home-page footer.site.fx249-media-ready {
  background-image: url("../media/myid/talktide-malaysia-sea-footer-v4.webp") !important;
}

body.home-page footer.site.fx249-media-ready::before {
  background:
    linear-gradient(180deg, rgba(241, 249, 245, .06), rgba(13, 87, 61, .06)),
    url("../media/myid/talktide-malaysia-sea-footer-v4.webp")
      center bottom / cover no-repeat !important;
}

@keyframes fx248-online-light {
  0%, 100% { box-shadow: 0 0 0 0 rgba(255, 255, 255, .25), 0 0 8px rgba(255, 255, 255, .72); }
  50% { box-shadow: 0 0 0 4px rgba(255, 255, 255, 0), 0 0 13px rgba(255, 255, 255, .96); }
}

/* Off-screen sections receive browser-level layout skipping without changing dimensions. */
@supports (content-visibility: auto) {
  body.home-page main > section:not(.hero),
  body.home-page footer.site {
    content-visibility: auto;
    contain-intrinsic-size: auto 760px;
  }
}

/* Accessible and low-power fallbacks. */
@media (max-width: 900px) {
  .fx248-motion .hero .himg video,
  .fx248-motion footer.site::before {
    animation: none !important;
    will-change: auto;
  }

  body.home-page footer.site.fx249-media-ready::before {
    background:
      linear-gradient(180deg, rgba(241, 249, 245, .04), rgba(13, 87, 61, .08)),
      url("../media/myid/talktide-malaysia-sea-footer-v4.webp")
        68% bottom / auto 100% no-repeat !important;
  }
}

@media (prefers-reduced-transparency: reduce) {
  .fx248-scrolled body.home-page header.site {
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
  }
}

@media (prefers-reduced-motion: reduce) {
  .fx248-enabled body.home-page,
  .fx248-enabled .hero .eyebrow,
  .fx248-enabled .hero h1,
  .fx248-enabled .hero .lead,
  .fx248-enabled .hero .hero-checks,
  .fx248-enabled .hero .cta-row,
  .fx248-motion .hero .himg video,
  .fx248-motion .hero .eyebrow::after,
  .fx248-motion #flow .fstep .arrow,
  .fx248-motion footer.site::before,
  .fx248-motion #dlpk-chat .dcp-online-light {
    animation: none !important;
  }

  .fx248-enabled .fx248-reveal *,
  .fx248-enabled .fx248-reveal {
    opacity: 1 !important;
    transform: none !important;
    transition-duration: .01ms !important;
    transition-delay: 0ms !important;
  }
}


/* source: styles/flow-journey-v250.css */
/* Flow journey v250 — one clear container across desktop, tablet and mobile. */

.home-page #flow .flow-section-head {
  margin-bottom: clamp(28px, 3.2vw, 44px) !important;
}

.home-page #flow .flow-section-head > p {
  max-width: 760px !important;
}

.home-page #flow .flow-swipe-hint {
  display: none !important;
}

.home-page #flow .flow-journey {
  width: 100%;
  padding: clamp(22px, 2.4vw, 34px);
  overflow: hidden;
  border: 1px solid rgba(45, 158, 85, .2) !important;
  border-radius: 28px !important;
  background:
    linear-gradient(145deg, rgba(255, 255, 255, .98), rgba(244, 251, 247, .96)) !important;
  box-shadow: 0 24px 58px rgba(22, 89, 52, .09) !important;
}

.home-page #flow .flow-stage-grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
}

.home-page #flow .flow-stage {
  position: relative;
  min-width: 0;
  padding: 0 clamp(13px, 1.35vw, 20px);
  border-right: 1px solid rgba(47, 150, 82, .14);
}

.home-page #flow .flow-stage:first-child {
  padding-left: 0;
}

.home-page #flow .flow-stage:last-child {
  padding-right: 0;
  border-right: 0;
}

.home-page #flow .fstep {
  position: relative;
  display: block;
  min-width: 0;
  min-height: 108px;
  padding: 0 0 18px !important;
}

.home-page #flow .flow-step-number {
  display: block;
  margin: 0 0 9px;
  color: #2eaa5c;
  font-family: var(--disp);
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .12em;
}

.home-page #flow .fstep .fh {
  width: 100%;
  align-items: flex-start;
  gap: 11px;
  margin: 0;
}

.home-page #flow .fstep .fh .ic {
  width: 44px !important;
  height: 44px !important;
  flex: 0 0 44px;
  border: 1px solid rgba(49, 173, 91, .2);
  border-radius: 14px !important;
  background: linear-gradient(145deg, #31ad5b, #24984c) !important;
  color: #fff !important;
  box-shadow: 0 10px 22px rgba(37, 151, 75, .18);
}

.home-page #flow .fstep .fh .ic .ti {
  color: #fff !important;
  font-size: 21px !important;
}

.home-page #flow .fstep .fh b {
  margin: 0 0 3px;
  color: #102b1f;
  font-size: clamp(15px, 1.12vw, 17px);
  line-height: 1.25;
}

.home-page #flow .fstep .fh small {
  max-width: none;
  color: #607068;
  font-size: clamp(12px, .92vw, 14px);
  line-height: 1.45;
}

.home-page #flow .fstep .arrow {
  top: 37px !important;
  right: calc(clamp(13px, 1.35vw, 20px) * -1 - 14px);
  z-index: 2;
  width: 28px;
  height: 28px;
  border-color: rgba(43, 165, 84, .24);
  background: #fff;
  color: #24984c;
  box-shadow: 0 6px 14px rgba(22, 89, 52, .1);
}

.home-page #flow .bcol {
  min-width: 0;
  align-self: stretch;
  padding-top: 16px;
  border-top: 1px solid rgba(47, 150, 82, .14);
}

.home-page #flow .btime {
  display: inline-flex;
  margin: 0 0 10px;
  padding: 5px 9px;
  border-radius: 999px;
  background: rgba(49, 173, 91, .09);
  color: #237f46;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .04em;
}

.home-page #flow .bubble,
.home-page #flow .bubble.flow-card {
  min-height: 0 !important;
  height: auto !important;
  padding: 14px;
  border: 0 !important;
  border-radius: 15px;
  background: rgba(238, 248, 242, .86) !important;
  box-shadow: none !important;
  color: #526259;
  font-size: 14px;
  line-height: 1.55;
}

.home-page #flow .bubble + .bubble {
  margin-top: 9px;
}

.home-page #flow .voice-message-card {
  padding: 12px !important;
}

.home-page #flow .travel-card {
  overflow: hidden;
}

.home-page #flow .travel-card > img {
  width: calc(100% + 28px);
  max-width: none;
  height: 94px;
  margin: -14px -14px 11px;
  object-fit: cover;
}

.home-page #flow .mini-action {
  min-height: 38px;
}

@media (max-width: 1080px) {
  .home-page #flow .flow-journey {
    width: min(100%, 760px);
    margin-inline: auto !important;
    padding: 8px clamp(14px, 3vw, 24px) !important;
  }

  .home-page #flow .flow-stage-grid {
    display: block;
  }

  .home-page #flow .flow-stage,
  .home-page #flow .flow-stage:first-child,
  .home-page #flow .flow-stage:last-child {
    min-height: 0;
    padding: 24px 8px 26px 72px;
    border-right: 0;
    border-bottom: 1px solid rgba(47, 150, 82, .14);
  }

  .home-page #flow .flow-stage:last-child {
    border-bottom: 0;
  }

  .home-page #flow .flow-stage::after {
    content: "";
    position: absolute;
    top: 100px;
    bottom: -24px;
    left: 29px;
    width: 2px;
    border-radius: 999px;
    background: linear-gradient(#83d7a2, rgba(131, 215, 162, .2));
  }

  .home-page #flow .flow-stage:last-child::after {
    display: none;
  }

  .home-page #flow .fstep {
    min-height: 0;
    padding: 0 !important;
  }

  .home-page #flow .flow-step-number {
    position: absolute;
    top: 50px;
    left: -56px;
    width: 34px;
    margin: 0;
    text-align: center;
  }

  .home-page #flow .fstep .fh {
    min-height: 54px;
  }

  .home-page #flow .fstep .fh .ic {
    position: absolute;
    top: 0;
    left: -64px;
    width: 48px !important;
    height: 48px !important;
    flex-basis: 48px;
    border-radius: 50% !important;
  }

  .home-page #flow .fstep .fh b {
    font-size: 18px;
  }

  .home-page #flow .fstep .fh small {
    font-size: 14px;
  }

  .home-page #flow .fstep .arrow {
    display: none !important;
  }

  .home-page #flow .bcol {
    padding-top: 12px;
    border-top: 0;
  }

  .home-page #flow .bubble,
  .home-page #flow .bubble.flow-card {
    padding: 15px;
    font-size: 14.5px;
  }

  .home-page #flow .travel-card > img {
    width: calc(100% + 30px);
    height: clamp(130px, 28vw, 190px);
    margin: -15px -15px 12px;
  }
}

@media (max-width: 640px) {
  .home-page #flow .wrap {
    width: 100% !important;
    padding-inline: 16px !important;
  }

  .home-page #flow .flow-section-head {
    margin-bottom: 24px !important;
  }

  .home-page #flow .flow-section-head h2 {
    max-width: 340px;
    margin-inline: auto;
    font-size: clamp(31px, 9vw, 38px) !important;
    line-height: 1.08 !important;
  }

  .home-page #flow .flow-section-head > p {
    max-width: 340px !important;
    font-size: 15px !important;
    line-height: 1.55 !important;
  }

  .home-page #flow .flow-journey {
    margin-inline: auto !important;
    padding: 6px 14px !important;
    border-radius: 24px !important;
  }

  .home-page #flow .flow-stage,
  .home-page #flow .flow-stage:first-child,
  .home-page #flow .flow-stage:last-child {
    padding: 22px 2px 24px 62px;
  }

  .home-page #flow .flow-stage::after {
    top: 94px;
    bottom: -22px;
    left: 24px;
  }

  .home-page #flow .flow-step-number {
    top: 49px;
    left: -51px;
    width: 32px;
    font-size: 11px;
  }

  .home-page #flow .fstep .fh .ic {
    left: -58px;
    width: 46px !important;
    height: 46px !important;
    flex-basis: 46px;
  }

  .home-page #flow .fstep .fh b {
    font-size: 17px;
  }

  .home-page #flow .fstep .fh small {
    font-size: 13.5px;
  }

  .home-page #flow .voice-language {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (prefers-reduced-motion: reduce) {
  .home-page #flow .flow-stage,
  .home-page #flow .fstep,
  .home-page #flow .bcol {
    transition: none !important;
  }
}


/* source: styles/contact-compact-v252.css */
/* Contact compact v252: content-led height with a single-line wide heading. */

.home-page #cta.contact-build {
  padding-block: clamp(38px, 3.6vw, 52px) !important;
}

.home-page #cta .contact-build-panel {
  padding: clamp(26px, 2.2vw, 34px) !important;
}

.home-page #cta .contact-build-head {
  width: min(100%, 1500px) !important;
  max-width: 1500px !important;
  margin: 0 auto clamp(18px, 1.5vw, 24px) !important;
  padding-inline: 0 !important;
}

.home-page #cta .contact-build-eyebrow {
  margin-bottom: 6px !important;
}

.home-page #cta .contact-build-head h2 {
  width: 100% !important;
  max-width: none !important;
  margin-top: 9px !important;
  font-size: clamp(34px, 3vw, 48px) !important;
  line-height: 1.06 !important;
}

.home-page #cta .contact-build-head .section-heading-divider {
  margin-top: 12px !important;
}

.home-page #cta .contact-build-head p {
  margin-top: 9px !important;
  line-height: 1.4 !important;
}

.home-page #cta .contact-team-grid {
  width: min(100%, 1560px) !important;
  max-width: 1560px !important;
  gap: clamp(14px, 1.4vw, 20px) !important;
}

.home-page #cta .contact-person {
  min-height: 0 !important;
  padding: 15px 18px !important;
  gap: 14px !important;
}

.home-page #cta .contact-person-top {
  min-width: 0;
  height: auto !important;
  gap: 13px !important;
}

.home-page #cta .contact-avatar {
  width: 48px !important;
  height: 48px !important;
  flex: 0 0 48px !important;
}

.home-page #cta .contact-person-info {
  min-width: 0;
}

.home-page #cta .contact-person-info h3 {
  margin-bottom: 2px !important;
  font-size: 18px !important;
  line-height: 1.25 !important;
}

.home-page #cta .contact-person-info p {
  font-size: 14px !important;
  line-height: 1.4 !important;
}

.home-page #cta .contact-person-actions {
  gap: 6px !important;
}

.home-page #cta .contact-icon-action {
  width: 44px !important;
  height: 44px !important;
  min-height: 44px !important;
}

.home-page #cta .contact-digital-card {
  min-height: 44px !important;
  padding: 8px 12px !important;
  font-size: 13px !important;
}

@media (max-width: 1180px) {
  .home-page #cta .contact-build-head {
    max-width: 980px !important;
  }

  .home-page #cta .contact-build-head h2 {
    max-width: 920px !important;
    margin-inline: auto !important;
    font-size: clamp(32px, 3.5vw, 42px) !important;
  }

  .home-page #cta .contact-person {
    grid-template-columns: 1fr !important;
    align-items: start !important;
  }

  .home-page #cta .contact-person-actions {
    width: 100%;
  }

  .home-page #cta .contact-digital-card {
    margin-left: auto;
  }
}

@media (max-width: 700px) {
  .home-page #cta.contact-build {
    padding-block: 34px !important;
  }

  .home-page #cta .contact-build-panel {
    width: calc(100% - 24px) !important;
    padding: 20px 16px !important;
    border-radius: 20px !important;
  }

  .home-page #cta .contact-build-head {
    margin-bottom: 18px !important;
  }

  .home-page #cta .contact-build-head h2 {
    margin-top: 8px !important;
    font-size: clamp(28px, 8.6vw, 34px) !important;
    line-height: 1.08 !important;
  }

  .home-page #cta .contact-build-head p {
    margin-top: 8px !important;
    font-size: 15px !important;
  }

  .home-page #cta .contact-team-grid {
    gap: 12px !important;
  }

  .home-page #cta .contact-person {
    padding: 15px !important;
    border-radius: 16px !important;
  }

  .home-page #cta .contact-person-actions {
    display: grid !important;
    grid-template-columns: repeat(3, 44px) minmax(0, 1fr) !important;
    gap: 6px !important;
  }

  .home-page #cta .contact-icon-action {
    width: 44px !important;
    height: 44px !important;
    min-height: 44px !important;
  }

  .home-page #cta .contact-digital-card {
    min-height: 44px !important;
    margin-left: 0;
  }
}


/* source: styles/flow-type-v253.css */
/* Flow type v253: compact UI typography for five-column desktop journey cards. */

@media (min-width: 1081px) {
  .home-page #flow .btime {
    margin-bottom: 9px !important;
    padding: 5px 8px !important;
    font-size: 11.5px !important;
    line-height: 1.2 !important;
    letter-spacing: .035em !important;
  }

  .home-page #flow .bubble,
  .home-page #flow .bubble.flow-card {
    padding: 14px !important;
    font-size: clamp(12.5px, .75vw, 14px) !important;
    line-height: 1.5 !important;
  }

  .home-page #flow .bubble p,
  .home-page #flow .voice-transcript,
  .home-page #flow .travel-card > span,
  .home-page #flow .bubble .lk {
    font-size: inherit !important;
    line-height: inherit !important;
  }

  .home-page #flow .bubble .lk {
    font-weight: 650 !important;
  }

  .home-page #flow .voice-message-card {
    padding: 12px !important;
  }

  .home-page #flow .voice-transcript {
    margin-block: 10px !important;
  }

  .home-page #flow .voice-ui {
    min-height: 40px !important;
    padding-top: 8px !important;
  }

  .home-page #flow .voice-duration {
    font-size: 11px !important;
    line-height: 1 !important;
  }

  .home-page #flow .travel-card > img {
    width: calc(100% + 28px) !important;
    margin: -14px -14px 9px !important;
  }

  .home-page #flow .travel-card > span {
    padding: 0 !important;
  }

  .home-page #flow .mini-action {
    min-height: 34px !important;
    margin-top: 9px !important;
    padding: 6px 10px !important;
    font-size: 13px !important;
    line-height: 1.25 !important;
  }

  .home-page #flow .bubble .ok {
    gap: 4px !important;
    min-height: 24px !important;
    padding: 5px 8px !important;
    font-size: 12px !important;
    line-height: 1 !important;
    white-space: nowrap;
  }

  .home-page #flow .bubble .ok .icn {
    width: 14px !important;
    height: 14px !important;
    font-size: 14px !important;
  }
}

@media (min-width: 1081px) and (max-width: 1380px) {
  .home-page #flow .bubble,
  .home-page #flow .bubble.flow-card {
    padding: 12px !important;
    font-size: 12.5px !important;
  }

  .home-page #flow .travel-card > img {
    width: calc(100% + 24px) !important;
    margin: -12px -12px 8px !important;
  }

  .home-page #flow .mini-action {
    font-size: 12.5px !important;
  }
}

@media (max-width: 1080px) {
  .home-page #flow .bubble,
  .home-page #flow .bubble.flow-card {
    font-size: 14.5px !important;
    line-height: 1.55 !important;
  }

  .home-page #flow .bubble .ok {
    font-size: 12.5px !important;
  }

  .home-page #flow .mini-action {
    font-size: 13.5px !important;
  }
}


/* source: styles/about-chat-visibility-v254.css */
/*
 * About overlay owns the full viewport. The homepage chat must not remain
 * mounted visually or interactively while that overlay is open.
 */
html.about-modal-open #dlpk-chat,
#aboutModal.is-open ~ #dlpk-chat,
#aboutModal[aria-hidden="false"] ~ #dlpk-chat {
  display: none !important;
}


/* source: styles/story-split-layout-v255.css */
/*
 * Customer Success split composition
 * Desktop: compact image on the left, four aligned cards on the right.
 * Tablet/mobile: progressively stack without fixed-height overflow.
 */

@media (min-width: 821px) {
  body.home-page #story .story-grid {
    display: grid !important;
    grid-template-columns: clamp(360px, 34%, 450px) minmax(0, 1fr) !important;
    align-items: stretch !important;
    width: 100%;
    height: clamp(440px, 33vw, 500px) !important;
    min-height: 440px !important;
    overflow: hidden !important;
    border: 1px solid rgba(37, 139, 74, .16) !important;
    border-radius: 24px !important;
    background: #fff !important;
  }

  body.home-page #story .story-grid .simg {
    width: 100%;
    height: 100% !important;
    min-height: 0 !important;
    border-radius: 0 !important;
  }

  body.home-page #story .story-grid .simg > img {
    width: 100% !important;
    height: 100% !important;
    min-height: 0 !important;
    object-fit: cover !important;
    object-position: 38% center !important;
  }

  body.home-page #story .story-grid .simg .sov {
    min-height: 37% !important;
    padding: clamp(20px, 2vw, 28px) !important;
  }

  body.home-page #story .story-grid .simg .sov h3 {
    font-size: clamp(24px, 2vw, 31px) !important;
  }

  body.home-page #story .story-body {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    grid-template-rows: repeat(2, minmax(0, 1fr)) !important;
    align-content: stretch !important;
    align-items: stretch !important;
    gap: clamp(12px, 1.15vw, 16px) !important;
    height: 100%;
    min-height: 0;
    padding: clamp(18px, 2vw, 28px) !important;
    background: rgba(255, 255, 255, .97) !important;
  }

  body.home-page #story .story-body .scol,
  body.home-page #story .story-body .quote {
    grid-column: auto !important;
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-width: 0;
    min-height: 0;
    margin: 0 !important;
    padding: clamp(16px, 1.6vw, 22px) !important;
    overflow: hidden;
    border: 1px solid rgba(37, 139, 74, .14) !important;
    border-radius: 17px !important;
    background: #f6fbf8 !important;
  }

  body.home-page #story .story-body .quote {
    background: linear-gradient(135deg, #eef9f3, #f9fcfa) !important;
  }

  body.home-page #story .story-body .scol h4 {
    margin: 0 0 8px !important;
  }

  body.home-page #story .story-body .scol ul,
  body.home-page #story .story-body .scol p {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }

  body.home-page #story .story-body .quote .qm {
    position: static !important;
    height: 22px;
    margin: 0 0 4px !important;
    font-size: 30px !important;
    line-height: 1 !important;
  }

  body.home-page #story .story-body .quote .qa {
    margin-top: 10px !important;
  }
}
@media (min-width: 821px) and (max-width: 1080px) {
  body.home-page #story .story-grid {
    grid-template-columns: clamp(320px, 35%, 370px) minmax(0, 1fr) !important;
    height: 500px !important;
  }

  body.home-page #story .story-body {
    padding: 18px !important;
  }

  body.home-page #story .story-body .scol,
  body.home-page #story .story-body .quote {
    padding: 16px !important;
  }
}

@media (max-width: 820px) {
  body.home-page #story .story-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    height: auto !important;
    min-height: 0 !important;
  }

  body.home-page #story .story-grid .simg {
    height: clamp(330px, 62vw, 430px) !important;
    min-height: 0 !important;
  }

  body.home-page #story .story-grid .simg > img {
    min-height: 0 !important;
    object-position: 38% 28% !important;
  }

  body.home-page #story .story-body {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    align-items: stretch !important;
    gap: 12px !important;
    padding: 16px !important;
  }

  body.home-page #story .story-body .scol,
  body.home-page #story .story-body .quote {
    grid-column: auto !important;
    min-width: 0;
    margin: 0 !important;
    padding: 18px !important;
    border: 1px solid rgba(37, 139, 74, .14) !important;
    border-radius: 15px !important;
    background: #f6fbf8 !important;
  }
}

@media (max-width: 560px) {
  body.home-page #story .story-grid .simg {
    height: 390px !important;
  }

  body.home-page #story .story-body {
    grid-template-columns: 1fr !important;
  }
}


/* source: styles/human-ux-v256.css */
/* Human-centred UX refinement v256 — 20 evidence-led review rounds. */

/* 01 — Keep long-form reading comfortable and scannable. */
.home-page :is(.plat-desc, .ind-desc, .ind-help p, .scol li, .cmpl-card > p, .footer-brand-copy p) {
  text-wrap: pretty;
}

.home-page :is(.section-heading-v133 > p, .flow-section-head > p, .process-section-head > p) {
  max-width: 72ch !important;
}

/* 02 — Heading sizes scale continuously instead of jumping at breakpoints. */
.home-page .section-heading-v133 h2 {
  font-size: clamp(32px, 3.2vw, 50px) !important;
  line-height: 1.08 !important;
  text-wrap: balance;
}

/* 03 — Shorten the visual marathon without collapsing section hierarchy. */
.home-page :is(#platform, #industry-solutions, #flow, #process, #story, #compliance) {
  padding-block: clamp(62px, 6vw, 88px) !important;
}

.home-page .section-heading-v133 {
  margin-bottom: clamp(28px, 3vw, 42px) !important;
}

/* 04 — Primary actions remain easy to acquire with mouse or touch. */
.home-page :is(.plat-cta, .mini-action, .ind-toggle, .contact-build-head button) {
  min-height: 44px;
  display: inline-flex;
  align-items: center;
}

/* 05 — Desktop navigation has a stable, forgiving click area. */
.home-page #site-nav a,
.home-page .h-actions :is(a, button) {
  min-height: 40px !important;
  display: inline-flex;
  align-items: center;
}

/* 06 — Footer navigation is readable and no longer a precision-click task. */
body.home-page footer.site .fcol a {
  min-height: 30px;
  margin: 0 !important;
  display: flex;
  align-items: center;
  font-size: max(12px, .79vw) !important;
  line-height: 1.35 !important;
}

body.home-page footer.site .foot-bottom .lang.dark button {
  min-width: 40px;
  min-height: 40px !important;
}

body.home-page footer.site .foff a {
  min-height: 30px;
  display: inline-flex;
  align-items: center;
}

/* 07 — The persistent conversation entry remains useful but covers less content. */
body.home-page #dlpk-chat {
  right: 16px !important;
  bottom: calc(16px + env(safe-area-inset-bottom, 0px)) !important;
}

body.home-page #dlpk-chat .dcp-nudge {
  width: 160px !important;
  min-height: 46px !important;
  padding: 7px 12px 7px 8px !important;
  border-radius: 16px 16px 5px 16px !important;
  background-color: rgba(250, 253, 251, .82) !important;
}

body.home-page #dlpk-chat .dcp-nudge-copy b {
  font-size: 13px !important;
}

/* 08 — Horizontal choices disclose that more content exists off-screen. */
.human-scroll-hint {
  display: none;
  align-items: center;
  justify-content: center;
  gap: 7px;
  margin: 10px 0 0;
  color: #4e6b5b;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.35;
}

.human-scroll-hint[hidden] {
  display: none !important;
}

.human-scroll-hint .ti {
  color: #2eaa5c;
  font-size: 17px;
}

/* 09 — Product and industry tabs have consistent labels and active state. */
.home-page :is(.plat-tabs .ptab, .ind-tabs .itab) {
  min-height: 52px;
  font-size: clamp(14px, 1vw, 16px) !important;
}

.home-page :is(.plat-tabs .ptab, .ind-tabs .itab)[aria-selected="true"] {
  box-shadow: 0 10px 24px rgba(37, 151, 75, .16) !important;
}

/* 10 — Timeline labels and controls remain legible at a glance. */
.home-page #flow .flow-step-number,
.home-page #flow .btime {
  font-size: 12px !important;
}

.home-page #flow .voice-language button {
  min-width: 40px;
  min-height: 36px;
  font-size: 12px !important;
}

.home-page #flow .mini-action {
  min-height: 44px !important;
  font-weight: 750;
}

/* 11 — Process steps read as one connected task without oversized gaps. */
.home-page #process .proc-steps {
  gap: clamp(14px, 1.5vw, 22px) !important;
}

.home-page #process .pstep {
  min-height: 0 !important;
  padding: clamp(22px, 2.1vw, 32px) !important;
}

.home-page #process .pstep .p-art {
  top: 22px !important;
  right: 22px !important;
}

/* 12 — Compliance pagination has a 40px hit target while retaining a small dot. */
.home-page #compliance .compliance-cube-dot {
  width: 44px !important;
  height: 44px !important;
  min-width: 44px;
  min-height: 44px;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.home-page #compliance .compliance-cube-dot::before {
  width: 10px !important;
  height: 10px !important;
  margin: auto;
}

.home-page #compliance .compliance-cube-dot.is-active::before,
.home-page #compliance .compliance-cube-dot[aria-current="true"]::before {
  width: 24px !important;
}

/* 13 — Keyboard focus is visible against both white and green surfaces. */
.home-page :is(a, button, [role="button"], [tabindex="0"]):focus-visible {
  outline: 3px solid #0b63ce !important;
  outline-offset: 3px !important;
  box-shadow: 0 0 0 6px rgba(255, 255, 255, .9) !important;
}

/* 14 — Touch devices do not inherit desktop lift/tilt behaviours. */
@media (hover: none) {
  .home-page :is(a, button, .plat-card, .ind-panel, .pstep, .scol):hover {
    transform: none !important;
  }
}

/* 15 — Reduced-motion users get a stable, non-rotating composition. */
@media (prefers-reduced-motion: reduce) {
  .home-page *,
  .home-page *::before,
  .home-page *::after {
    scroll-behavior: auto !important;
    animation-duration: .001ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .001ms !important;
  }
}

/* V289 — Keep longer Bahasa Melayu and Bahasa Indonesia copy inside its UI. */
html:lang(ms) body.home-page #dlpk-chat .dcp-nudge,
html:lang(id) body.home-page #dlpk-chat .dcp-nudge {
  width: min(196px, calc(100vw - 32px)) !important;
  min-height: 54px !important;
  grid-template-columns: 30px minmax(0, 1fr) !important;
  gap: 8px !important;
  padding: 7px 12px 7px 8px !important;
}

html:lang(ms) body.home-page #dlpk-chat .dcp-nudge-copy,
html:lang(id) body.home-page #dlpk-chat .dcp-nudge-copy {
  min-width: 0 !important;
  overflow: hidden !important;
}

html:lang(ms) body.home-page #dlpk-chat .dcp-nudge-copy b,
html:lang(id) body.home-page #dlpk-chat .dcp-nudge-copy b {
  display: block !important;
  max-width: 100% !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
  font-size: 12.5px !important;
  line-height: 1.18 !important;
}

html:lang(ms) body.home-page main .section-heading-v133 > p,
html:lang(id) body.home-page main .section-heading-v133 > p {
  width: min(100%, 920px) !important;
  max-width: 100% !important;
  white-space: normal !important;
  overflow-wrap: break-word !important;
}

@media (max-width: 700px) {
  html:lang(ms) body.home-page #dlpk-chat .dcp-nudge,
  html:lang(id) body.home-page #dlpk-chat .dcp-nudge {
    width: min(184px, calc(100vw - 24px)) !important;
    min-height: 52px !important;
    grid-template-columns: 28px minmax(0, 1fr) !important;
    gap: 7px !important;
    padding: 6px 10px 6px 7px !important;
  }

  html:lang(ms) body.home-page #dlpk-chat .dcp-nudge-copy b,
  html:lang(id) body.home-page #dlpk-chat .dcp-nudge-copy b {
    font-size: 11.5px !important;
    line-height: 1.16 !important;
  }
}

/* 16 — Preserve the clean visual system for data-saving sessions. */
.home-page.is-data-saving :is(.industry-ribbon, .region-transition) {
  display: none !important;
}

.home-page.is-data-saving .hero video {
  display: none !important;
}

/* 17 — Honour explicit high-contrast preferences. */
@media (prefers-contrast: more) {
  .home-page :is(.plat-card, .ind-panel, .flow-journey, .pstep, .scol, .cmpl-card, .contact-person) {
    border-color: #168440 !important;
  }

  .home-page :is(p, li, small) {
    color: #243c30 !important;
  }
}

/* 18 — Stable scrollbars and safe-area padding prevent layout jumps. */
html {
  scrollbar-gutter: stable;
}

.home-page footer.site {
  padding-bottom: env(safe-area-inset-bottom, 0px);
}

/* 19 — Recognition media is constrained to its real display size. */
.home-page .partner-proof-medal img,
.home-page .trusted-proof img,
.home-page img[src*="trusted-top10-gold-medal"] {
  width: clamp(72px, 6vw, 104px) !important;
  height: auto !important;
  object-fit: contain;
}

/* 20 — Content-led contact section removes dead space and ends decisively. */
.home-page #cta.contact-build {
  padding-block: clamp(30px, 3vw, 44px) !important;
}

.home-page #cta .contact-build-panel {
  padding: clamp(22px, 2vw, 30px) !important;
}

.home-page #cta .contact-build-head {
  margin-bottom: 18px !important;
}

.home-page #cta .contact-person {
  padding-block: 14px !important;
}

.home-page :is(.about-close, .about-scroll-controls button) {
  width: 44px !important;
  height: 44px !important;
  min-width: 44px !important;
  min-height: 44px !important;
}

@media (max-width: 1080px) {
  .home-page #flow .flow-scroll-hint {
    display: flex;
  }
}

@media (max-width: 700px) {
  .home-page :is(#platform, #industry-solutions, #flow, #process, #story, #compliance) {
    padding-block: 50px !important;
  }

  .home-page .section-heading-v133 {
    margin-bottom: 24px !important;
  }

  .home-page .section-heading-v133 h2 {
    font-size: clamp(29px, 8.2vw, 36px) !important;
    line-height: 1.1 !important;
  }

  .home-page .section-heading-v133 > p,
  .home-page .section-heading-v133 .compliance-lead {
    font-size: 15px !important;
    line-height: 1.55 !important;
  }

  .home-page .hero-stage .hero .hcopy .eyebrow {
    font-size: 12px !important;
    letter-spacing: .075em !important;
    max-width: 100% !important;
    white-space: normal !important;
    line-height: 1.3 !important;
    text-wrap: balance;
  }

  .home-page .partner-proof-copy span,
  .home-page #platform :is(.plat-subtitle, .chip-label, .value-card > b),
  .home-page #industry-solutions :is(.ind-help > b, .ind-context > b) {
    font-size: 12px !important;
  }

  .home-page #industry-solutions :is(.ind-context-tags span, .ind-toggle-summary) {
    font-size: 12px !important;
  }

  .home-page .human-scroll-hint {
    display: flex;
  }

  .home-page :is(.plat-tabs, .ind-tabs) {
    scroll-padding-inline: 16px;
    overscroll-behavior-inline: contain;
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
  }

  .home-page :is(.plat-tabs, .ind-tabs)::after {
    content: "";
    flex: 0 0 16px;
  }

  .home-page :is(.plat-tabs .ptab, .ind-tabs .itab) {
    min-height: 52px !important;
    font-size: 14px !important;
  }

  .home-page #platform .plat-nav,
  .home-page #industry-solutions .ind-tabs {
    position: relative;
  }

  .home-page #flow .flow-scroll-hint {
    margin-top: 12px;
  }

  .home-page #flow .flow-step-number,
  .home-page #flow .btime {
    font-size: 12px !important;
  }

  .home-page #flow .voice-language button {
    min-height: 44px;
    font-size: 12px !important;
  }

  .home-page #process .proc-mobile-hint {
    min-height: 44px;
    display: flex !important;
    align-items: center;
    justify-content: center;
  }

  .home-page #compliance .compliance-cube-nav {
    gap: 4px !important;
  }

  .home-page #cta .contact-build-head button {
    min-height: 44px;
    padding-inline: 10px;
  }

  body.home-page footer.site .fcol a,
  body.home-page footer.site .foot-social.foot-sites a,
  body.home-page footer.site .foff a {
    min-height: 44px !important;
    display: flex !important;
    align-items: center;
    font-size: 12px !important;
  }

  body.home-page footer.site .foot-bottom .lang.dark button {
    min-width: 44px;
    min-height: 44px !important;
  }

  body.home-page #dlpk-chat {
    right: 10px !important;
    bottom: calc(10px + env(safe-area-inset-bottom, 0px)) !important;
  }

  body.home-page #dlpk-chat .dcp-nudge {
    width: 142px !important;
    min-height: 44px !important;
    grid-template-columns: 28px minmax(0, 1fr) !important;
    gap: 6px !important;
  }

  body.home-page #dlpk-chat .dcp-nudge-chat {
    width: 28px !important;
    height: 28px !important;
    font-size: 17px !important;
  }

  body.home-page #dlpk-chat .dcp-nudge-copy b {
    font-size: 12px !important;
  }

  body.home-page #dlpk-chat.is-scrolled:not(.open) .dcp-nudge {
    opacity: .84 !important;
  }

  body.home-page #dlpk-chat.is-scrolled:not(.open) .dcp-nudge:is(:hover, :focus-visible) {
    opacity: 1 !important;
  }

  body.home-page #dlpk-chat #dlpk-panel button.dcp-close,
  body.home-page #dlpk-chat #dlpk-panel button#dcpSend {
    width: 44px !important;
    height: 44px !important;
    min-width: 44px !important;
    min-height: 44px !important;
    max-width: none !important;
    max-height: none !important;
    flex: 0 0 44px !important;
  }
}

@media (forced-colors: active) {
  .home-page :is(a, button, [role="button"]) {
    border: 1px solid ButtonText;
  }
}


/* source: styles/build-cleanup-v257.css */
/* Markup-cleanup utilities used by the build-ready homepage. */
.is-source-hidden {
  display: none !important;
}

.chip-pos-left-top {
  left: 24px;
  top: 28px;
}

.chip-pos-right-top {
  right: 24px;
  top: 28px;
}

.chip-pos-left-bottom {
  bottom: 26px;
  left: 24px;
}


/* source: styles/loading-v258.css */
/* Talktide loading screen v258 — adapted from Dolphlink's quiet brand loader. */
#tt-page-loader {
  position: fixed;
  inset: 0;
  z-index: 100000;
  display: grid;
  place-items: center;
  overflow: hidden;
  background: #fff;
  color: #167b3d;
  opacity: 1;
  visibility: visible;
  transition: opacity 440ms ease, visibility 440ms ease;
  animation: tt-loader-failsafe 0s linear 5s forwards;
}
#tt-page-loader.is-complete {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}

.tt-loader-inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: min(76vw, 260px);
  transform: translateY(-2px);
}

.tt-loader-logo {
  display: block;
  width: 176px;
  height: auto;
  opacity: 0;
  transform: translateY(7px);
  animation: tt-loader-rise 620ms cubic-bezier(.22, .61, .36, 1) 40ms forwards;
}

.tt-loader-status {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 14px;
  margin-top: 18px;
  color: #1f8e4c;
  opacity: 0;
  animation: tt-loader-fade 420ms ease 220ms forwards;
}

.tt-loader-dots {
  display: inline-flex;
  align-items: center;
  gap: 7px;
}

.tt-loader-dot {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #3ab15d;
  box-shadow: 0 0 0 4px rgba(58, 177, 93, .08);
  animation: tt-loader-pulse 1.35s ease-in-out infinite;
}

.tt-loader-dot:nth-child(2) { animation-delay: 160ms; }
.tt-loader-dot:nth-child(3) { animation-delay: 320ms; }

.tt-loader-label {
  margin-left: 3px;
  font-family: "Space Grotesk", "Inter", system-ui, sans-serif;
  font-size: 10px;
  font-weight: 720;
  line-height: 1;
  letter-spacing: 3.4px;
  text-transform: uppercase;
  white-space: nowrap;
}

.tt-loader-track {
  position: relative;
  width: 142px;
  height: 2px;
  margin-top: 17px;
  overflow: hidden;
  border-radius: 999px;
  background: rgba(58, 177, 93, .09);
  opacity: 0;
  animation: tt-loader-fade 420ms ease 300ms forwards;
}

.tt-loader-track::after {
  content: "";
  position: absolute;
  inset: 0 auto 0 -40%;
  width: 40%;
  border-radius: inherit;
  background: #3ab15d;
  animation: tt-loader-slide 1.25s cubic-bezier(.4, 0, .6, 1) infinite;
}

@keyframes tt-loader-rise {
  to { opacity: 1; transform: none; }
}

@keyframes tt-loader-fade {
  to { opacity: 1; }
}

@keyframes tt-loader-pulse {
  0%, 100% { opacity: .26; transform: scale(.78); }
  50% { opacity: 1; transform: scale(1); }
}

@keyframes tt-loader-slide {
  from { transform: translateX(0); }
  to { transform: translateX(350%); }
}

@keyframes tt-loader-failsafe {
  to { opacity: 0; visibility: hidden; pointer-events: none; }
}

@media (max-width: 640px) {
  .tt-loader-logo { width: 156px; }
  .tt-loader-status { margin-top: 16px; }
  .tt-loader-track { width: 128px; margin-top: 15px; }
  .tt-loader-label { font-size: 9px; letter-spacing: 3px; }
}

@media (prefers-reduced-motion: reduce) {
  #tt-page-loader { transition-duration: 1ms; }
  .tt-loader-logo,
  .tt-loader-status,
  .tt-loader-track {
    animation: none;
    opacity: 1;
    transform: none;
  }
  .tt-loader-dot,
  .tt-loader-track::after { animation: none; }
  .tt-loader-dot { opacity: .72; transform: none; }
  .tt-loader-track::after { left: 0; width: 100%; opacity: .62; }
}


/* source: styles/footer-content-fit-v260.css */
/* Footer content-fit v260 — one language source, readable type, no empty glass towers. */
body.home-page footer.site {
  --footer-body-size: clamp(13px, .24vw + 9px, 15px);
  --footer-body-line: 1.55;
  padding-bottom: 0 !important;
}

body.home-page footer.site .foot-top {
  align-items: start !important;
  padding-bottom: clamp(26px, 3vw, 44px) !important;
}

body.home-page footer.site .foot-brand,
body.home-page footer.site .fcol,
body.home-page footer.site .foot-top > .foff {
  align-self: start !important;
  height: auto !important;
  min-height: 0 !important;
  padding: clamp(24px, 1.8vw, 34px) !important;
}

body.home-page footer.site .footer-brand-copy p,
body.home-page footer.site .fcol a,
body.home-page footer.site .foot-top > .foff p,
body.home-page footer.site .foot-top > .foff a {
  font-size: var(--footer-body-size) !important;
  line-height: var(--footer-body-line) !important;
}

body.home-page footer.site .fcol h4,
body.home-page footer.site .foot-top > .foff b {
  margin-bottom: 16px !important;
}

body.home-page footer.site .fcol a {
  min-height: 0 !important;
  margin-bottom: 7px !important;
  padding-block: 2px;
}

body.home-page footer.site .fcol .f-install-link {
  display: inline-flex;
  align-items: center;
  width: max-content;
  min-height: 0;
  margin: 0 0 7px;
  padding: 2px 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: inherit;
  font: inherit;
  font-weight: 650;
  line-height: var(--footer-body-line);
  text-align: left;
  cursor: pointer;
}

body.home-page footer.site .fcol .f-install-link:hover,
body.home-page footer.site .fcol .f-install-link:focus-visible {
  color: var(--brand, #31ad5b);
}

body.home-page footer.site .fcol .f-install-link:focus-visible {
  outline: 2px solid rgba(49, 173, 91, .55);
  outline-offset: 3px;
}

body.home-page footer.site .foot-top > .foff p {
  margin-bottom: 14px !important;
}

body.home-page footer.site .foot-bottom {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 60px;
  padding-block: 16px !important;
  text-align: center !important;
}

body.home-page footer.site .footer-copyright {
  width: 100%;
  margin-inline: auto;
  font-size: var(--footer-body-size) !important;
  line-height: var(--footer-body-line) !important;
  text-align: center !important;
}

@media (max-width: 1120px) {
  body.home-page footer.site .foot-brand,
  body.home-page footer.site .fcol,
  body.home-page footer.site .foot-top > .foff {
    height: auto !important;
    min-height: 0 !important;
  }
}

@media (max-width: 620px) {
  body.home-page footer.site {
    --footer-body-size: 14px;
  }

  body.home-page footer.site .foot-top {
    align-items: start !important;
    padding-bottom: 18px !important;
  }

  body.home-page footer.site .foot-brand,
  body.home-page footer.site .fcol,
  body.home-page footer.site .foot-top > .foff {
    min-height: 0 !important;
    padding: 22px !important;
  }

  body.home-page footer.site .fcol a,
  body.home-page footer.site .foot-top > .foff a {
    min-height: 38px !important;
  }

  body.home-page footer.site .foot-bottom {
    min-height: 54px;
    padding: 14px 18px calc(14px + env(safe-area-inset-bottom, 0px)) !important;
  }
}

/* V291 — Final desktop footer proportions and single-line directory items. */
@media (min-width: 1121px) {
  body.home-page footer.site .foot-top {
    grid-template-columns:
      minmax(360px, 1.18fr)
      minmax(250px, .80fr)
      minmax(145px, .46fr)
      minmax(250px, .80fr) !important;
  }

  body.home-page footer.site .fcol a {
    display: block !important;
    white-space: nowrap !important;
  }
}

/* V309 — Mobile regional contacts follow one clean, left-aligned reading edge. */
@media (max-width: 700px) {
  body.home-page footer.site .footer-regional-offices,
  body.home-page footer.site .footer-regional-offices > b,
  body.home-page footer.site .footer-office-entry,
  body.home-page footer.site .footer-office-entry strong,
  body.home-page footer.site .footer-office-entry p,
  body.home-page footer.site .footer-office-entry a {
    text-align: left !important;
  }

  body.home-page footer.site .footer-office-entry a {
    display: inline !important;
    width: auto !important;
    min-height: 0 !important;
    margin-inline: 0 !important;
    justify-content: flex-start !important;
  }

  body.home-page footer.site .footer-office-contact-row {
    display: flex !important;
    flex-direction: column;
    align-items: flex-start !important;
    gap: 8px !important;
  }

  body.home-page footer.site .footer-office-contact-row > span {
    display: block;
    text-align: left !important;
  }
}

/* V302 — Keep Indonesia email and WhatsApp together on wide screens. */
body.home-page footer.site .footer-office-contact-row {
  display: flex;
  align-items: baseline;
  gap: clamp(16px, 1.4vw, 26px);
  margin-top: 14px;
  flex-wrap: wrap;
  white-space: normal;
}

body.home-page footer.site .footer-whatsapp-contact {
  display: inline-flex;
  align-items: baseline;
  gap: 5px;
  white-space: nowrap;
}

body.home-page footer.site .footer-whatsapp-contact > i {
  color: #2faf61;
  font-size: 1.05em;
}

@media (min-width: 701px) {
  body.home-page footer.site .footer-contact-label {
    display: none;
  }
}

@media (max-width: 700px) {
  body.home-page footer.site .footer-contact-label {
    display: inline;
  }
}

@media (min-width: 1700px) {
  body.home-page footer.site .footer-office-list {
    grid-template-columns: minmax(0, 1.32fr) minmax(0, 1fr) minmax(0, 1fr) !important;
  }

  body.home-page footer.site .footer-office-contact-row {
    flex-wrap: nowrap;
    white-space: nowrap;
  }
}

/* V294 — Final homepage copyright ribbon treatment. */
body.home-page footer.site .foot-bottom {
  position: relative !important;
  min-height: 0 !important;
  padding: 7px clamp(18px, 2vw, 30px) !important;
  overflow: hidden !important;
  border: 1px solid rgba(255, 255, 255, .76) !important;
  border-radius: 18px !important;
  background:
    linear-gradient(112deg, rgba(250, 254, 252, .82), rgba(224, 245, 236, .66) 48%, rgba(249, 253, 251, .76)) !important;
  -webkit-backdrop-filter: blur(14px) saturate(118%) !important;
  backdrop-filter: blur(14px) saturate(118%) !important;
  box-shadow:
    0 12px 30px rgba(14, 79, 50, .12),
    inset 0 1px 0 rgba(255, 255, 255, .72) !important;
}

body.home-page footer.site .footer-copyright {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 12px !important;
  color: #28513b !important;
  letter-spacing: .01em !important;
}

body.home-page footer.site .footer-copyright::before,
body.home-page footer.site .footer-copyright::after {
  content: "";
  width: clamp(34px, 5vw, 88px);
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(49, 173, 91, .58));
}

body.home-page footer.site .footer-copyright::after {
  transform: scaleX(-1);
}

@media (max-width: 620px) {
  body.home-page footer.site .foot-bottom {
    width: calc(100% - 20px) !important;
    min-height: 0 !important;
    padding: 9px 12px calc(9px + env(safe-area-inset-bottom, 0px)) !important;
    border-radius: 16px !important;
  }

  body.home-page footer.site .footer-copyright {
    gap: 8px !important;
  }

  body.home-page footer.site .footer-copyright::before,
  body.home-page footer.site .footer-copyright::after {
    width: clamp(18px, 7vw, 42px);
  }
}

/* V298 — One consistent footer type scale across every content card. */
body.home-page footer.site {
  --footer-unified-size: 14px;
  --footer-unified-line: 1.5;
}

body.home-page footer.site .footer-brand-copy p,
body.home-page footer.site .fcol a,
body.home-page footer.site .fcol .f-install-link,
body.home-page footer.site .foot-social.foot-sites a,
body.home-page footer.site .footer-regional-offices .footer-office-entry strong,
body.home-page footer.site .footer-regional-offices .footer-office-entry p,
body.home-page footer.site .footer-regional-offices .footer-office-entry a,
body.home-page footer.site .foot-top > .footer-regional-offices .footer-office-entry strong,
body.home-page footer.site .foot-top > .footer-regional-offices .footer-office-entry p,
body.home-page footer.site .foot-top > .footer-regional-offices .footer-office-entry a,
body.home-page footer.site .footer-copyright {
  font-family: var(--sans, "Inter", "Segoe UI", sans-serif) !important;
  font-size: var(--footer-unified-size) !important;
  line-height: var(--footer-unified-line) !important;
}

body.home-page footer.site .fcol h4,
body.home-page footer.site .footer-regional-offices > b,
body.home-page footer.site .foot-top > .footer-regional-offices > b {
  font-family: var(--sans, "Inter", "Segoe UI", sans-serif) !important;
  font-size: var(--footer-unified-size) !important;
  line-height: var(--footer-unified-line) !important;
  font-weight: 800 !important;
  letter-spacing: .08em !important;
}

body.home-page footer.site .footer-regional-offices .footer-office-entry strong,
body.home-page footer.site .footer-regional-offices .footer-office-entry a,
body.home-page footer.site .foot-top > .footer-regional-offices .footer-office-entry strong,
body.home-page footer.site .foot-top > .footer-regional-offices .footer-office-entry a,
body.home-page footer.site .fcol a,
body.home-page footer.site .fcol .f-install-link,
body.home-page footer.site .foot-social.foot-sites a {
  font-weight: 650 !important;
}

@media (min-width: 1121px) {
  body.home-page footer.site .foot-top {
    grid-template-columns:
      minmax(300px, 1.10fr)
      minmax(260px, .88fr)
      minmax(150px, .50fr)
      minmax(261px, .88fr) !important;
  }

  body.home-page footer.site .foot-top,
  body.home-page footer.site .foot-bottom {
    width: calc(100% - 48px) !important;
    max-width: none !important;
  }
}


/* source: styles/about-controls-align-v261.css */
/* V261 — align About popup controls and remove the exposed green mobile surround. */

#aboutModal .about-dialog {
  --about-control-edge: max(30px, env(safe-area-inset-right, 0px));
}

#aboutModal .about-close,
#aboutModal .about-scroll-controls {
  box-sizing: border-box;
  right: var(--about-control-edge) !important;
  left: auto !important;
}

#aboutModal .about-scroll-controls {
  width: 44px;
  padding: 3px;
  align-items: center;
}

#aboutModal .about-scroll-controls button {
  flex: 0 0 36px;
}

/* Keep card borders visibly inside their About section surface. */
html.about-embed :is(#insights, #why-talktide, #partnership, #regional-offices) {
  padding-right: clamp(18px, 2vw, 28px) !important;
  padding-bottom: clamp(22px, 2.2vw, 30px) !important;
  padding-left: clamp(18px, 2vw, 28px) !important;
}

@media (max-width: 900px) {
  #aboutModal .about-dialog {
    --about-control-edge: max(20px, env(safe-area-inset-right, 0px));
  }
}

@media (max-width: 700px) {
  #aboutModal.about-modal {
    background: rgba(255, 255, 255, .82) !important;
  }

  #aboutModal .about-modal-backdrop {
    background: rgba(248, 252, 250, .78) !important;
    -webkit-backdrop-filter: blur(18px) saturate(96%);
    backdrop-filter: blur(18px) saturate(96%);
  }

  #aboutModal .about-dialog {
    --about-control-edge: max(10px, env(safe-area-inset-right, 0px));
    inset: 0 !important;
    width: 100vw !important;
    height: 100dvh !important;
    border-radius: 0 !important;
  }

  html.about-embed :is(#insights, #why-talktide, #partnership, #regional-offices) {
    padding-right: 16px !important;
    padding-bottom: 20px !important;
    padding-left: 16px !important;
  }
}


/* source: styles/story-density-v264.css */
/* Customer Success density refinement v264.
 * Keeps the approved split composition while removing fixed-height whitespace. */

@media (min-width: 821px) {
  body.home-page #story .story-grid {
    grid-template-columns: clamp(500px, 34vw, 620px) minmax(0, 1fr) !important;
    height: auto !important;
    min-height: 410px !important;
  }

  body.home-page #story .story-grid .simg > img {
    object-position: center !important;
  }

  body.home-page #story .story-grid .simg .sov {
    inset: auto 16px 16px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 16px !important;
    width: auto !important;
    min-height: 0 !important;
    padding: 11px 12px 11px 16px !important;
    overflow: visible !important;
    border: 1px solid rgba(255, 255, 255, .34) !important;
    border-radius: 17px !important;
    background: rgba(8, 55, 33, .78) !important;
    box-shadow: 0 14px 34px rgba(8, 45, 27, .18) !important;
    -webkit-backdrop-filter: blur(12px) saturate(120%) !important;
    backdrop-filter: blur(12px) saturate(120%) !important;
  }

  body.home-page #story .story-grid .simg .sov .lbl {
    flex: 0 0 auto;
    font-size: 12px !important;
    line-height: 1.3 !important;
    letter-spacing: .13em !important;
    white-space: nowrap;
  }

  body.home-page #story .story-grid .simg .sov a {
    flex: 0 0 auto;
    min-height: 40px !important;
    margin: 0 !important;
    padding: 8px 14px !important;
    font-size: 12.5px !important;
  }

  body.home-page #story .story-body {
    display: grid !important;
    grid-template-columns: repeat(12, minmax(0, 1fr)) !important;
    grid-template-rows: auto repeat(2, minmax(max-content, 1fr)) !important;
    align-content: stretch !important;
    gap: 10px !important;
    padding: 14px !important;
  }

  body.home-page #story .story-feature-heading {
    grid-column: 1 / -1 !important;
    display: block;
    min-width: 0;
    padding: clamp(7px, .7vw, 11px) clamp(4px, .55vw, 8px) clamp(11px, .9vw, 15px);
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
  }

  body.home-page #story .story-feature-heading::after {
    content: "";
    display: block;
    width: clamp(58px, 6vw, 82px);
    height: 2px;
    margin-top: clamp(10px, .9vw, 14px);
    border-radius: 999px;
    background: #31ad5b;
  }

  body.home-page #story .story-feature-heading h3 {
    max-width: 760px;
    margin: 0;
    color: #153c28;
    font-family: var(--display, var(--sans));
    font-size: clamp(27px, 2vw, 35px);
    font-weight: 780;
    line-height: 1.1;
    letter-spacing: -.03em;
    text-wrap: balance;
  }

  body.home-page #story .story-body .scol,
  body.home-page #story .story-body .quote {
    justify-content: flex-start !important;
    padding: clamp(12px, 1vw, 15px) !important;
    overflow: visible !important;
    border-radius: 14px !important;
  }

  body.home-page #story .story-body .story-challenge,
  body.home-page #story .story-body .story-solution {
    grid-column: span 6 !important;
  }

  body.home-page #story .story-body .story-impact {
    grid-column: span 5 !important;
  }

  body.home-page #story .story-body .quote {
    grid-column: span 7 !important;
  }

  body.home-page #story .story-body .quote .qa {
    display: flex;
    flex-wrap: wrap;
    gap: 2px 7px;
    align-items: baseline;
  }

  body.home-page #story .story-body .quote .qa br {
    display: none;
  }

  body.home-page #story .story-body .scol li,
  body.home-page #story .story-body .quote p,
  body.home-page #story .story-body .quote .qa {
    font-size: clamp(12.5px, .86vw, 14px) !important;
    line-height: 1.42 !important;
  }

  body.home-page #story .story-body .scol h4 {
    margin-bottom: 5px !important;
  }

  body.home-page #story .story-body .quote .qm {
    height: 16px !important;
    margin-bottom: 2px !important;
    font-size: 24px !important;
  }

  body.home-page #story .story-body .quote .qa {
    margin-top: 6px !important;
  }

  body.home-page #story .story-insights {
    gap: 12px !important;
    margin-top: 12px !important;
  }

  body.home-page #story .story-insight {
    display: grid !important;
    grid-template-columns: 44px minmax(0, 1fr);
    grid-template-areas:
      "icon title"
      "icon copy";
    align-content: center;
    align-items: start;
    column-gap: 14px;
    row-gap: 5px;
    min-height: 0 !important;
    padding: clamp(15px, 1.25vw, 18px) !important;
  }

  body.home-page #story .story-insight .si-ic {
    grid-area: icon;
    margin: 0 !important;
  }

  body.home-page #story .story-insight h4 {
    grid-area: title;
    align-self: end;
    margin: 0 !important;
  }

  body.home-page #story .story-insight p {
    grid-area: copy;
    line-height: 1.52 !important;
  }
}

@media (min-width: 821px) and (max-width: 1080px) {
  body.home-page #story .story-grid {
    grid-template-columns: clamp(340px, 40vw, 420px) minmax(0, 1fr) !important;
    height: auto !important;
    min-height: 520px !important;
  }

  body.home-page #story .story-feature-heading h3 {
    font-size: clamp(22px, 2.7vw, 27px);
  }

  body.home-page #story .story-grid .simg .sov {
    align-items: flex-start !important;
    flex-direction: column;
    gap: 8px !important;
  }

  body.home-page #story .story-body .story-impact,
  body.home-page #story .story-body .quote {
    grid-column: span 6 !important;
  }
}

@media (max-width: 820px) {
  /* The generic mobile reveal offset is declared after its revealed state.
   * Reset it here so the image and final quote do not overlap the body's
   * equal top/bottom padding. */
  .fx-ready body.home-page #story .fx-reveal.is-revealed {
    transform: none;
  }

  body.home-page #story .story-grid .simg {
    height: auto !important;
    aspect-ratio: 3 / 2;
  }

  body.home-page #story .story-grid .simg > img {
    object-position: center !important;
  }

  body.home-page #story .story-grid .simg .sov {
    inset: auto 12px 12px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 12px !important;
    width: auto !important;
    min-height: 0 !important;
    padding: 10px 11px 10px 14px !important;
    border-radius: 15px !important;
    background: rgba(8, 55, 33, .8) !important;
  }

  body.home-page #story .story-grid .simg .sov a {
    min-height: 38px !important;
    margin: 0 !important;
    padding: 7px 12px !important;
    font-size: 12px !important;
  }

  body.home-page #story .story-body {
    display: grid !important;
    gap: 12px !important;
    padding: 14px !important;
  }

  body.home-page #story .story-feature-heading {
    grid-column: 1 / -1;
    margin: 2px 4px 6px;
    padding: 10px 4px 12px;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
  }

  body.home-page #story .story-feature-heading::after {
    content: "";
    display: block;
    width: 58px;
    height: 2px;
    margin-top: 11px;
    border-radius: 999px;
    background: #31ad5b;
  }

  body.home-page #story .story-feature-heading h3 {
    margin: 0;
    color: #153c28;
    font-family: var(--display, var(--sans));
    font-size: clamp(25px, 6.2vw, 31px);
    font-weight: 780;
    line-height: 1.12;
    letter-spacing: -.025em;
  }

  body.home-page #story .story-body .scol,
  body.home-page #story .story-body .quote {
    padding: 15px !important;
  }

  body.home-page #story .story-insight {
    padding: 16px !important;
  }
}

@media (max-width: 560px) {
  body.home-page #story .story-grid .simg {
    height: auto !important;
    aspect-ratio: 3 / 2;
  }

  body.home-page #story .story-grid .simg .sov {
    align-items: center !important;
    flex-direction: row;
    gap: 7px !important;
    padding: 9px 9px 9px 12px !important;
  }

  body.home-page #story .story-grid .simg .sov .lbl {
    font-size: 10px !important;
    letter-spacing: .08em !important;
    white-space: nowrap;
  }

  body.home-page #story .story-grid .simg .sov a {
    min-height: 34px !important;
    padding: 6px 9px !important;
    font-size: 10.5px !important;
  }
}


/* source: styles/contact-single-v266.css */
/* Single public Talktide contact: balanced desktop width, full-width mobile. */
.home-page #cta .contact-team-grid {
  grid-template-columns: minmax(0, 1fr) !important;
  width: min(100%, 1080px) !important;
  max-width: 1080px !important;
  margin-inline: auto !important;
}

.home-page #cta .contact-person {
  width: 100% !important;
}

.home-page #cta .contact-card-icon {
  display: none;
}

@media (max-width: 760px) {
  .home-page #cta .contact-team-grid {
    width: 100% !important;
  }

  .home-page #cta .contact-person-actions {
    grid-template-columns: repeat(4, 44px) !important;
    justify-content: start !important;
  }

  .home-page #cta .contact-digital-card {
    width: 44px !important;
    min-width: 44px !important;
    max-width: 44px !important;
    height: 44px !important;
    min-height: 44px !important;
    padding: 0 !important;
    margin-left: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
  }

  .home-page #cta .contact-digital-card > span,
  .home-page #cta .contact-digital-card .contact-card-arrow {
    display: none !important;
  }

  .home-page #cta .contact-digital-card .contact-card-icon {
    display: inline-block !important;
    margin: 0 !important;
    font-size: 20px !important;
  }
}

/* V290 — Keep the contact identity and its actions visually connected. */
@media (min-width: 1181px) {
  .home-page #cta .contact-team-grid {
    width: min(100%, 980px) !important;
    max-width: 980px !important;
  }

  .home-page #cta .contact-person {
    grid-template-columns: max-content max-content !important;
    justify-content: center !important;
    align-items: center !important;
    column-gap: clamp(72px, 7vw, 104px) !important;
  }

  .home-page #cta .contact-person-top,
  .home-page #cta .contact-person-actions {
    width: auto !important;
  }
}

/* V295 — Compact, content-led contact card with no dead centre space. */
@media (min-width: 1181px) {
  .home-page #cta .contact-team-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    width: min(100%, 1240px) !important;
    max-width: 1240px !important;
  }

  .home-page #cta .contact-person {
    width: 100% !important;
    grid-template-columns: minmax(0, 1fr) max-content !important;
    justify-content: stretch !important;
    column-gap: clamp(16px, 1.5vw, 22px) !important;
  }
}


/* source: styles/indonesia-terms-v300.css */
/* V300 — Indonesia-only legal entry and About-style legal document. */
body.home-page footer.site .footer-copyright:has(.footer-indonesia-terms:not([hidden]))::before,
body.home-page footer.site .footer-copyright:has(.footer-indonesia-terms:not([hidden]))::after {
  display: none !important;
}

body.home-page footer.site .footer-copyright .footer-legal-divider {
  width: 1px;
  height: 14px;
  flex: 0 0 1px;
  background: rgba(38, 125, 70, .28);
}

body.home-page footer.site .footer-indonesia-terms {
  display: inline-flex;
  align-items: center;
  min-height: 30px;
  padding: 4px 11px;
  border: 1px solid rgba(45, 173, 91, .22);
  border-radius: 999px;
  color: #197f45;
  background: rgba(255, 255, 255, .58);
  font: 700 var(--footer-unified-size)/var(--footer-unified-line) var(--sans, "Inter", "Segoe UI", sans-serif);
  text-decoration: none;
  transition: color .2s ease, background .2s ease, border-color .2s ease, transform .2s ease;
}

body.home-page footer.site .footer-indonesia-terms[hidden] {
  display: none !important;
}

body.home-page footer.site .footer-indonesia-terms:hover,
body.home-page footer.site .footer-indonesia-terms:focus-visible {
  border-color: rgba(45, 173, 91, .5);
  color: #116b38;
  background: rgba(255, 255, 255, .88);
  transform: translateY(-1px);
}

html.about-embed body.indonesia-terms-page .terms-document {
  max-width: 940px !important;
}

body.indonesia-terms-page .legal-lead {
  margin: 0;
  padding: 18px 20px;
  border: 1px solid #d9f0e0;
  border-radius: 14px;
  color: #315541;
  background: #eef8f2;
  font-size: 15px;
  line-height: 1.75;
}

body.indonesia-terms-page .terms-clause p,
body.indonesia-terms-page .terms-clause li {
  color: #526159;
  font-size: 15px;
  line-height: 1.78;
}

body.indonesia-terms-page .terms-clause ul {
  margin: 14px 0 0 22px;
}

body.indonesia-terms-page .terms-clause li + li {
  margin-top: 14px;
}

@media (max-width: 620px) {
  body.home-page footer.site .footer-copyright {
    flex-wrap: wrap;
    row-gap: 6px !important;
  }

  body.home-page footer.site .footer-copyright .footer-legal-divider {
    display: none;
  }

  body.home-page footer.site .footer-indonesia-terms {
    min-height: 28px;
    padding: 3px 10px;
  }
}


/* source: styles/header-responsive-v303.css */
/* V303 — collapse the full navigation before it becomes crowded at zoomed
   laptop and small-screen widths. Contact Sales remains inside the menu. */
@media (max-width: 1120px) {
  body.home-page > header.site {
    --header-height: 58px;
    display: flex !important;
    align-items: center !important;
    height: var(--header-height) !important;
    min-height: var(--header-height) !important;
    padding: 0 10px 0 14px !important;
  }

  body.home-page > header.site::before {
    left: 150px !important;
    clip-path: polygon(0 0, 100% 0, 100% 100%, 28px 100%) !important;
  }

  body.home-page > header.site .brand {
    z-index: 3;
    width: 170px !important;
    min-height: var(--header-height) !important;
    flex: 0 0 170px !important;
    padding: 0 34px 0 0 !important;
  }

  body.home-page > header.site .brand img {
    width: 132px !important;
    max-height: 42px !important;
  }

  body.home-page > header.site .h-actions {
    position: absolute !important;
    top: 50% !important;
    right: 66px !important;
    z-index: 4;
    display: flex !important;
    width: auto !important;
    height: auto !important;
    margin: 0 !important;
    transform: translateY(-50%) !important;
  }

  body.home-page > header.site .h-actions > .btn {
    display: none !important;
  }

  body.home-page > header.site .lang-btn {
    width: auto !important;
    min-width: 46px !important;
    height: 40px !important;
    min-height: 40px !important;
    padding: 7px 9px !important;
  }

  body.home-page > header.site .nav-toggle {
    position: absolute !important;
    top: 50% !important;
    right: 10px !important;
    z-index: 5;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-direction: column !important;
    gap: 5px !important;
    width: 42px !important;
    height: 42px !important;
    margin: 0 !important;
    transform: translateY(-50%) !important;
    border: 1px solid rgba(255, 255, 255, .72) !important;
    border-radius: 11px !important;
    background: rgba(255, 255, 255, .14) !important;
  }

  body.home-page > header.site .nav-toggle span {
    display: block !important;
    flex: 0 0 auto !important;
    width: 19px !important;
    height: 2px !important;
    border-radius: 999px !important;
    background: #fff !important;
  }

  body.home-page > header.site #site-nav {
    position: absolute !important;
    top: 100% !important;
    right: 10px !important;
    left: 10px !important;
    z-index: 2;
    display: none !important;
    width: auto !important;
    height: auto !important;
    margin: 0 !important;
    padding: 12px !important;
    border: 1px solid rgba(37, 139, 74, .14) !important;
    border-radius: 0 0 16px 16px !important;
    background: rgba(249, 253, 251, .97) !important;
    box-shadow: 0 22px 44px rgba(17, 70, 43, .18) !important;
    -webkit-backdrop-filter: blur(18px) saturate(128%);
    backdrop-filter: blur(18px) saturate(128%);
  }

  body.home-page > header.site #site-nav.open {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
  }

  body.home-page > header.site #site-nav a,
  body.home-page > header.site #site-nav .mobile-nav-contact {
    display: flex !important;
    min-height: 44px !important;
    height: auto !important;
    margin: 0 !important;
    padding: 10px 14px !important;
    border: 1px solid transparent !important;
    border-radius: 11px !important;
    background: transparent !important;
    color: #214c35 !important;
    font-family: var(--sans, "Inter", "Segoe UI", sans-serif) !important;
    font-size: 14px !important;
    font-weight: 650 !important;
    line-height: 1.3 !important;
    text-shadow: none !important;
  }

  body.home-page > header.site #site-nav a:hover,
  body.home-page > header.site #site-nav a:focus-visible,
  body.home-page > header.site #site-nav a.is-active,
  body.home-page > header.site #site-nav a.fx-active {
    border-color: rgba(49, 173, 91, .18) !important;
    background: rgba(49, 173, 91, .09) !important;
    color: #146b39 !important;
    box-shadow: none !important;
  }

  body.home-page > header.site #site-nav a::before,
  body.home-page > header.site #site-nav a::after {
    display: none !important;
  }
}

@media (max-width: 620px) {
  body.home-page > header.site::before {
    left: 128px !important;
  }

  body.home-page > header.site .brand {
    width: 146px !important;
    flex-basis: 146px !important;
    padding-right: 24px !important;
  }

  body.home-page > header.site .brand img {
    width: 118px !important;
  }

  body.home-page > header.site #site-nav.open {
    grid-template-columns: 1fr !important;
  }
}