.tel-page {
  --tel-accent: #087c73;
  --tel-mint: #cbf4e8;
  --tel-dark: #102b2b;
  color: var(--wt-ink);
  font-family: "Be Vietnam Pro", sans-serif;
  background: var(--wt-paper);
}
.tel-page *, .tel-page *::before, .tel-page *::after { box-sizing: border-box; }
.tel-page h1, .tel-page h2, .tel-page h3, .tel-page p, .tel-page figure { margin: 0; }
.tel-page h1, .tel-page h2, .tel-page h3 { color: inherit; font-family: "Be Vietnam Pro", sans-serif; }
.tel-page h2 { font-size: clamp(30px, 3.3vw, 46px); font-weight: 600; line-height: 1.17; letter-spacing: -.05em; }
.tel-page p { font-size: 15px; line-height: 1.85; }
.tel-page svg { display: block; width: 24px; height: 24px; flex: 0 0 auto; }
.tel-page section[id] { scroll-margin-top: 140px; }
.tel-page a:focus-visible, .tel-page button:focus-visible, .tel-page summary:focus-visible { outline: 3px solid #087c73; outline-offset: 6px; }
.tel-page .tel-eyebrow { display: flex; align-items: center; gap: 10px; margin-bottom: 23px; color: var(--tel-accent); font-size: 11px; font-weight: 700; letter-spacing: .15em; line-height: 1.6; text-transform: uppercase; }
.tel-eyebrow > span { width: 8px; height: 8px; background: #21b9aa; border-radius: 50%; box-shadow: 0 0 0 5px #21b9aa12; }
.tel-hero { position: relative; isolation: isolate; background: #29251f; color: white; }
.tel-hero-photo { position: absolute; inset: 0; z-index: -2; display: block; }
.tel-hero-photo img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: 70% 35%; }
.tel-hero::before { content: ''; position: absolute; inset: 0; z-index: -1; background: linear-gradient(90deg, #101c1ce6 0%, #17201bd1 29%, #1d231c91 44%, #17201b26 65%, transparent 82%), linear-gradient(0deg, #12191361, transparent 45%); }
.tel-hero-grid { display: flex; align-items: center; min-height: max(650px, calc(100svh - 115px)); padding-block: 76px; }
.tel-hero-copy { width: 51%; max-width: 630px; padding: 0; }
.tel-page .tel-hero .tel-eyebrow { color: #b5ead6; }
.tel-page .tel-hero h1 { color: #fff; text-shadow: 0 2px 24px #14201b29; }
.tel-page .tel-hero h1 em { color: #a7e3cf; }
.tel-page .tel-hero .tel-lead { max-width: 485px; color: #f1f2ed; }
.tel-page .tel-hero .tel-hero-note { color: #e1e5de; }
.tel-page .tel-hero .wt-button--primary { background: #d1f0e0; border-color: #d1f0e0; color: #123b30; }
.tel-page .tel-hero .wt-button--primary:hover { background: #fff; border-color: #fff; color: #123b30; }
.tel-page .tel-hero .tel-text-link { color: #fff; }
.tel-page .tel-hero a:focus-visible { outline-color: #d1f0e0; }
.tel-connection-section { padding-top: 80px; background: radial-gradient(ellipse at 85% 20%, #e6f4ec, transparent 60%); }
.tel-connection-grid { display: grid; grid-template-columns: 1fr 1fr; align-items: center; gap: 90px; }
.tel-connection-copy > p:not(.tel-eyebrow) { max-width: 480px; margin-top: 25px; color: var(--wt-ink-soft); }
.tel-connection-copy .tel-text-link { margin-top: 24px; }
.tel-connection-grid .tel-connection { width: 100%; max-width: 590px; justify-self: end; }
.tel-page h1 { font-size: clamp(40px, 4.5vw, 66px); font-weight: 600; line-height: 1.13; letter-spacing: -.062em; }
.tel-page h1 em { font-style: normal; color: var(--tel-accent); }
.tel-page .tel-lead { max-width: 530px; margin-top: 27px; color: var(--wt-ink-soft); font-size: 17px; line-height: 1.85; }
.tel-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 24px; margin-top: 32px; }
.tel-page .wt-button--primary { background: var(--tel-dark); border-color: var(--tel-dark); color: white; box-shadow: none; }
.tel-page .wt-button--primary:hover { background: var(--tel-accent); border-color: var(--tel-accent); transform: translateY(-2px); }
.tel-text-link { display: inline-flex; align-items: center; gap: 10px; color: var(--tel-dark); font-size: 13px; font-weight: 600; text-decoration: none; line-height: 1.5; }
.tel-text-link:hover { color: var(--tel-accent); text-decoration: underline; text-underline-offset: 5px; }
.tel-text-link svg { width: 18px; height: 18px; transition: transform 180ms ease; }
.tel-text-link:hover svg { transform: translateX(3px); }
.tel-page .tel-hero-note { margin-top: 24px; color: #657571; font-size: 12px; }
.tel-connection { min-width: 0; position: relative; padding: 25px 24px 24px; border: 1px solid #b3cfca80; border-radius: 28px; background: linear-gradient(145deg, #f3faf5c9, #c5e9dd90); }
.tel-connection-top { display: flex; justify-content: space-between; gap: 12px; font-size: 10px; font-weight: 600; color: #4c6c62; letter-spacing: .04em; }
.tel-signal { display: flex; align-items: flex-end; gap: 3px; height: 14px; }
.tel-signal i { width: 3px; height: 5px; border-radius: 2px; background: #23887b; }
.tel-signal i:nth-child(2) { height: 8px; }.tel-signal i:nth-child(3) { height: 11px; }.tel-signal i:nth-child(4) { height: 14px; }
.tel-orbit { position: relative; height: 355px; display: grid; place-items: center; }
.tel-ring { position: absolute; border: 1px solid #4b9c8430; border-radius: 50%; aspect-ratio: 1; }
.tel-ring--outer { width: 350px; max-width: 98%; }.tel-ring--inner { width: 250px; max-width: 72%; border-style: dashed; }
.tel-number-card { z-index: 1; position: relative; width: 245px; display: flex; align-items: center; flex-direction: column; padding: 22px 14px 19px; border: 1px solid #fff; border-radius: 21px; background: #ffffffec; box-shadow: 0 20px 50px #20504417, 0 3px 8px #20504406; transform: rotate(-5deg); }
.tel-card-brand { font-size: 11px; letter-spacing: .1em; color: #148d83; font-weight: 700; }
.tel-card-brand b { padding-left: 7px; color: #486457; font-size: 9px; font-weight: 500; letter-spacing: 0; }
.tel-call-icon { display: grid; place-items: center; width: 62px; height: 62px; margin: 22px 0 17px; border-radius: 19px; background: var(--tel-dark); color: #b9f0db; box-shadow: 0 7px 15px #183a2b15; }
.tel-call-icon svg { width: 27px; height: 27px; }
.tel-number-card > strong { font-size: 16px; font-weight: 600; letter-spacing: -.04em; }
.tel-number-card > span:not(.tel-card-brand) { margin-top: 7px; font-size: 9px; color: #486457; }
.tel-wave { display: flex; align-items: center; gap: 4px; height: 31px; margin-top: 15px; }
.tel-wave i { width: 3px; height: 9px; background: #2f9f87; border-radius: 4px; }
.tel-wave i:nth-child(3n) { height: 23px; }.tel-wave i:nth-child(4n) { height: 15px; }.tel-wave i:nth-child(5n) { height: 29px; }
.tel-endpoint { position: absolute; z-index: 2; display: flex; align-items: center; gap: 9px; border: 1px solid #d6e5df; border-radius: 12px; padding: 12px 14px; background: #fcfefa; color: #31554a; font-size: 11px; font-weight: 500; box-shadow: 0 6px 14px #376d5010; }
.tel-endpoint svg { width: 20px; height: 20px; color: #168475; }
.tel-endpoint--office { top: 23px; left: 7px; transform: rotate(-3deg); }.tel-endpoint--mobile { top: 123px; right: -5px; transform: rotate(5deg); }.tel-endpoint--home { bottom: 10px; left: 20px; transform: rotate(3deg); }
.tel-connection figcaption { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: 7px; font-size: 10px; color: #315d50; }
.tel-connection figcaption small { width: 100%; text-align: center; font-size: 10px; color: #486457; }
.tel-status-dot { display: inline-block; width: 6px; height: 6px; flex-shrink: 0; border-radius: 50%; background: #168475; }
.tel-benefits { display: grid; grid-template-columns: 1.2fr 1fr 1fr 1fr; gap: 25px; align-items: center; margin-top: 62px; padding-block: 29px; border-top: 1px solid var(--wt-line); }
.tel-benefits p { font-size: 12px; line-height: 1.65; color: #657571; }.tel-benefits strong { color: #324841; font-weight: 500; }
.tel-benefits > span { display: flex; align-items: center; gap: 10px; font-size: 12px; font-weight: 500; }
.tel-benefits > span::before { content: '✓'; color: var(--tel-accent); font-size: 13px; }
.tel-section { padding: 100px 0; }
.tel-section-heading { display: grid; grid-template-columns: 1.5fr 1fr; align-items: end; gap: 80px; margin-bottom: 42px; }
.tel-section-heading > p { max-width: 380px; color: var(--wt-ink-soft); }
.tel-product-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; }
.tel-product { min-width: 0; display: flex; flex-direction: column; align-items: flex-start; padding: 38px; border: 1px solid #dce8e1; border-radius: 24px; }
.tel-product--landline { background: #eff6f0; }.tel-product--mobile { background: #f0f3f8; border-color: #e2e6ef; }
.tel-product-top { width: 100%; display: flex; justify-content: space-between; align-items: center; margin-bottom: 35px; color: #476859; }
.tel-product-top > span { font-size: 11px; text-transform: uppercase; letter-spacing: .1em; }.tel-product-top svg { width: 31px; height: 31px; }
.tel-product h3 { font-size: clamp(23px, 2.5vw, 31px); font-weight: 500; line-height: 1.25; letter-spacing: -.045em; }
.tel-product p { margin-top: 19px; color: #53625e; font-size: 14px; }
.tel-checks { display: grid; gap: 13px; padding: 24px 0 29px; margin: 0; list-style: none; }
.tel-checks li { display: flex; gap: 11px; font-size: 12px; line-height: 1.7; }.tel-checks li::before { content: '✓'; color: var(--tel-accent); }
.tel-product .tel-text-link { margin-top: auto; padding-top: 4px; }
.tel-cloud-strip { display: flex; align-items: center; gap: 23px; padding: 29px 8px 0; }.tel-cloud-strip > div:nth-child(2) { flex: 1; }.tel-cloud-strip h3 { font-size: 16px; font-weight: 600; line-height: 1.6; letter-spacing: -.02em; }.tel-cloud-strip p { max-width: 710px; margin-top: 6px; font-size: 13px; color: #61716b; }
.tel-cloud-icon { flex: 0 0 auto; display: grid; place-items: center; width: 53px; height: 53px; border: 1px solid #d9e5de; border-radius: 15px; color: var(--tel-accent); }.tel-cloud-strip > a { flex: 0 0 auto; }
.tel-team { background: var(--tel-dark); color: white; }.tel-team-grid { display: grid; grid-template-columns: 1fr 1fr; align-items: center; gap: 100px; }.tel-team .tel-eyebrow { color: #8cdbbe; }.tel-team h2 { font-size: clamp(34px, 3.6vw, 49px); }.tel-team-copy > p:not(.tel-eyebrow) { margin-top: 24px; color: #c1d1cb; }.tel-team .tel-small { max-width: 410px; font-size: 11px; line-height: 1.8; color: #a0b8af; }
.tel-scenarios { display: flex; flex-wrap: wrap; gap: 9px; margin-top: 30px; }.tel-scenarios button { display: inline-flex; align-items: center; gap: 8px; padding: 12px 14px; border: 1px solid #57736b; border-radius: 10px; background: transparent; color: #e3ece7; font: inherit; font-size: 12px; cursor: pointer; transition: background 180ms ease, color 180ms ease; }.tel-scenarios svg { width: 17px; height: 17px; }.tel-scenarios button:hover { background: #ffffff0c; }.tel-scenarios button[aria-pressed="true"] { background: #d1f1e0; border-color: #d1f1e0; color: #173c2b; }.tel-scenarios button:focus-visible { outline-color: #b3efcf; }
.tel-scenario-card { padding: 30px; border: 1px solid #49675d; border-radius: 22px; background: #193936; }.tel-scenario-label { display: flex; justify-content: space-between; gap: 15px; padding-bottom: 25px; color: #c1d1cb; font-size: 10px; letter-spacing: .03em; }.tel-flow-start { display: flex; align-items: center; gap: 15px; padding: 20px; border-radius: 12px; background: #264841; }.tel-flow-start > svg { width: 24px; height: 24px; color: #a9e8cd; }.tel-flow-start small { display: block; font-size: 10px; color: #b4ccc2; }.tel-flow-start strong { display: block; margin-top: 4px; font-size: 17px; font-weight: 500; }.tel-flow-line { width: 1px; height: 27px; background: #91bba8; margin: 0 auto; }.tel-flow-destination { display: flex; align-items: center; justify-content: center; gap: 10px; padding: 14px; background: #c8ebd8; color: #183e2b; border-radius: 10px; }.tel-flow-destination strong { font-size: 12px; font-weight: 600; }.tel-flow-recipients { display: flex; justify-content: center; flex-wrap: wrap; gap: 7px; margin-top: 11px; min-height: 30px; }.tel-flow-recipients span { padding: 5px 11px; border: 1px solid #4e6b60; border-radius: 6px; color: #d0e2d8; font-size: 10px; }.tel-scenario-description { margin-top: 26px; padding-top: 22px; border-top: 1px solid #49675d; }.tel-scenario-description h3 { font-size: 17px; font-weight: 500; line-height: 1.5; letter-spacing: -.02em; }.tel-scenario-description p { min-height: 96px; margin-top: 11px; font-size: 12px; line-height: 1.9; color: #c1d1cb; }.tel-example-label { display: block; margin-top: 18px; font-size: 9px; color: #a0b8af; }
.tel-steps { display: grid; grid-template-columns: repeat(3, 1fr); gap: 40px; margin: 50px 0 0; padding: 0; list-style: none; }.tel-steps li { padding-top: 23px; border-top: 1px solid #c9d7cf; }.tel-steps li > span { display: block; margin-bottom: 28px; font-size: 14px; color: var(--tel-accent); }.tel-steps h3 { font-size: 19px; font-weight: 500; letter-spacing: -.025em; line-height: 1.5; }.tel-steps p { margin-top: 14px; font-size: 14px; color: #61716b; }
.tel-faq { padding-top: 30px; }.tel-faq-grid { display: grid; grid-template-columns: 1fr 1.45fr; gap: 90px; }.tel-faq-grid > div:first-child > p:not(.tel-eyebrow) { max-width: 270px; margin: 23px 0; color: #61716b; font-size: 14px; }.tel-faq-list { border-top: 1px solid #d9e3dc; }.tel-faq-list details { border-bottom: 1px solid #d9e3dc; }.tel-faq-list summary { display: flex; align-items: center; justify-content: space-between; gap: 25px; padding: 25px 0; font-size: 14px; font-weight: 500; line-height: 1.6; cursor: pointer; list-style: none; }.tel-faq-list summary::-webkit-details-marker { display: none; }.tel-faq-list summary span { font-size: 23px; color: var(--tel-accent); font-weight: 400; transition: transform 180ms ease; }.tel-faq-list details[open] summary span { transform: rotate(45deg); }.tel-faq-list details p { padding: 0 32px 24px 0; color: #61716b; font-size: 13px; }
.tel-closing { padding: 0 0 90px; }.tel-closing-inner { position: relative; display: grid; grid-template-columns: 1fr 210px; gap: 40px; align-items: center; border-radius: 25px; background: #d9eee2; padding: 58px; overflow: hidden; }.tel-closing h2 { max-width: 740px; font-size: clamp(29px, 3.2vw, 43px); }.tel-closing p:not(.tel-eyebrow) { max-width: 570px; margin-top: 21px; font-size: 14px; color: #4d6b5b; }.tel-closing-symbol { display: grid; place-items: center; width: 170px; height: 170px; background: #c0dfcc; border: 1px solid #b0d5c0; border-radius: 50%; box-shadow: 0 0 0 28px #c6e2d180, 0 0 0 57px #c6e2d140; transform: rotate(-13deg); }.tel-closing-symbol svg { width: 66px; height: 66px; color: #2d6e4c; }

@media (max-width: 1150px) {
  .tel-page h1 { font-size: 48px; }.tel-page .tel-lead { font-size: 15px; }.tel-actions { gap: 18px; }.tel-connection { padding-inline: 17px; }.tel-endpoint--mobile { right: -8px; }.tel-team-grid { gap: 45px; }.tel-cloud-strip { flex-wrap: wrap; }.tel-cloud-strip > a { margin-left: 76px; }.tel-closing-inner { padding: 42px; grid-template-columns: 1fr 145px; }.tel-closing-symbol { width: 120px; height: 120px; }.tel-closing-symbol svg { width: 48px; height: 48px; }
}
@media (max-width: 900px) {
  .tel-page h1 { font-size: clamp(42px, 7.6vw, 60px); }.tel-page .tel-lead { max-width: 600px; font-size: 16px; }.tel-connection { width: 100%; max-width: 580px; margin: 5px auto 0; padding: 23px 27px; }.tel-endpoint--office { left: 35px; }.tel-endpoint--mobile { right: 25px; }.tel-endpoint--home { left: 75px; }.tel-benefits { grid-template-columns: 1fr 1fr; gap: 20px; margin-top: 42px; }.tel-section { padding-block: 70px; }.tel-section-heading { grid-template-columns: 1fr; gap: 22px; margin-bottom: 32px; }.tel-section-heading > p { max-width: 550px; }.tel-product { padding: 27px; }.tel-product h3 { font-size: 24px; }.tel-team-grid { grid-template-columns: 1fr; gap: 35px; }.tel-team-copy > p:not(.tel-eyebrow) { max-width: 550px; }.tel-scenario-description p { min-height: 0; }.tel-faq-grid { gap: 40px; grid-template-columns: 1fr 1.5fr; }.tel-steps { gap: 23px; }.tel-steps h3 { font-size: 17px; }.tel-closing-inner { grid-template-columns: 1fr; }.tel-closing-symbol { display: none; }.tel-faq { padding-top: 10px; }
}
@media (max-width: 600px) {
  .tel-page .tel-eyebrow { font-size: 10px; margin-bottom: 18px; }.tel-page h1 { font-size: clamp(34px, 9.6vw, 49px); }.tel-page .tel-lead { font-size: 15px; margin-top: 23px; }.tel-actions { align-items: stretch; flex-direction: column; gap: 19px; margin-top: 26px; }.tel-actions .wt-button { justify-content: center; width: 100%; padding-inline: 15px; font-size: 12px; }.tel-actions > .tel-text-link { justify-content: center; }.tel-page .tel-hero-note { font-size: 11px; text-align: center; }.tel-connection { padding: 19px 15px 18px; border-radius: 21px; margin-top: 12px; }.tel-connection-top { font-size: 9px; }.tel-orbit { height: 327px; }.tel-number-card { width: 215px; padding-block: 19px; }.tel-number-card > strong { font-size: 15px; }.tel-endpoint { gap: 6px; padding: 9px 10px; font-size: 9px; }.tel-endpoint svg { width: 17px; height: 17px; }.tel-endpoint--office { top: 15px; left: 0; }.tel-endpoint--mobile { top: 118px; right: -7px; }.tel-endpoint--home { left: 4px; bottom: 7px; }.tel-ring--outer { width: 295px; }.tel-ring--inner { width: 215px; }.tel-benefits { grid-template-columns: 1fr; gap: 16px; padding-block: 25px; margin-top: 33px; }.tel-benefits p br { display: none; }.tel-benefits strong { margin-left: 5px; }.tel-benefits p { margin-bottom: 4px; }.tel-benefits > span { font-size: 12px; }.tel-section { padding-block: 57px; }.tel-page h2 { font-size: 31px; letter-spacing: -.045em; }.tel-section-heading { gap: 19px; }.tel-section-heading > p { font-size: 14px; }.tel-product-grid { grid-template-columns: 1fr; gap: 17px; }.tel-product { padding: 28px 24px; border-radius: 19px; }.tel-product-top { margin-bottom: 24px; }.tel-product h3 { font-size: 26px; }.tel-cloud-strip { padding: 28px 2px 0; align-items: flex-start; gap: 15px; }.tel-cloud-icon { width: 43px; height: 43px; border-radius: 12px; }.tel-cloud-strip h3 { font-size: 15px; }.tel-cloud-strip p { font-size: 12px; }.tel-cloud-strip > a { margin-left: 58px; font-size: 12px; }.tel-team-copy > p:not(.tel-eyebrow) { font-size: 14px; }.tel-team-copy > .tel-small { font-size: 11px !important; }.tel-scenarios { gap: 7px; }.tel-scenarios button { padding: 11px 10px; font-size: 11px; }.tel-scenario-card { padding: 23px 19px; border-radius: 18px; }.tel-flow-start { padding: 16px; }.tel-scenario-description h3 { font-size: 16px; }.tel-scenario-description p { min-height: 114px; }.tel-steps { grid-template-columns: 1fr; gap: 30px; margin-top: 35px; }.tel-steps li { padding-top: 20px; }.tel-steps li > span { margin-bottom: 14px; }.tel-steps h3 { font-size: 20px; }.tel-steps p { margin-top: 10px; }.tel-faq { padding-top: 10px; }.tel-faq-grid { grid-template-columns: 1fr; gap: 27px; }.tel-faq-grid h2 br { display: none; }.tel-faq-grid > div:first-child > p:not(.tel-eyebrow) { max-width: 100%; }.tel-faq-list summary { font-size: 13px; padding-block: 21px; gap: 15px; }.tel-faq-list details p { padding-right: 10px; }.tel-closing { padding-bottom: 54px; }.tel-closing-inner { padding: 34px 23px; border-radius: 20px; }.tel-closing h2 { font-size: 29px; }.tel-closing h2 br { display: none; }
}
@media (max-width: 1100px) {
  .tel-hero-grid { min-height: max(650px, calc(100svh - 73px)); }
  .tel-hero-copy { width: 52%; }
  .tel-connection-grid { gap: 40px; }
}
@media (max-width: 900px) {
  .tel-hero-grid { min-height: max(calc(100svh - 73px), calc(80vw + 550px)); align-items: flex-end; padding-top: 70vw; padding-bottom: 60px; }
  .tel-hero-copy { width: 100%; max-width: 640px; }
  .tel-hero-photo img { object-position: 50% 0%; }
  .tel-hero::before { background: linear-gradient(180deg, transparent 18%, #151c171a 32%, #151c1780 48%, #111d19d9 66%, #111d19f2 100%); }
  .tel-page .tel-hero .tel-lead { max-width: 570px; }
  .tel-connection-section { padding-top: 60px; }
  .tel-connection-grid { grid-template-columns: 1fr; gap: 34px; }
  .tel-connection-copy { max-width: 590px; }
  .tel-connection-grid .tel-connection { justify-self: center; }
}
@media (max-width: 600px) {
  .tel-hero-grid { padding-bottom: 36px; }
  .tel-page .tel-hero .tel-eyebrow { font-size: 10px; }
  .tel-page .tel-hero h1 { font-size: clamp(34px, 9.8vw, 49px); }
  .tel-page .tel-hero .tel-lead { font-size: 14px; line-height: 1.8; margin-top: 20px; }
  .tel-hero .tel-actions { gap: 18px; margin-top: 24px; }
  .tel-page .tel-hero .tel-hero-note { margin-top: 21px; }
  .tel-connection-section { padding-top: 47px; }
  .tel-connection-copy > p:not(.tel-eyebrow) { font-size: 14px; margin-top: 20px; }
}
@media (prefers-reduced-motion: reduce) {
  .tel-page *, .tel-page *::before, .tel-page *::after { transition: none !important; scroll-behavior: auto !important; }
}