@font-face {
  font-family: "LS500 Display";
  src: url("/_site-assets/98fb25ead1c064e2a17d0b4bbb5790da553d2fbb5988f0927291f8b2d13d58f3.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
.ls500-page { background: #171a1b; }
.ls500-page .site-header { border-bottom: 1px solid #ffffff12; }
.ls500-page main { overflow: clip; }
.ls500-page :is(section, details)[id] { scroll-margin-top: 92px; }
.ls-product-nav { position: sticky; z-index: 4; top: 0; display: flex; align-items: center; justify-content: space-between; gap: 24px; min-height: 66px; padding: 10px var(--gutter); border-bottom: 1px solid #ffffff18; background: rgb(23 26 27 / 94%); backdrop-filter: blur(16px); }
.ls-product-nav::after { position: absolute; inset: auto 0 -1px; height: 2px; background: var(--orange); opacity: .75; transform: scaleX(var(--ls-reading-progress, 0)); transform-origin: left; content: ''; pointer-events: none; }
.ls-product-name { display: inline-flex; align-items: center; gap: 8px; font-size: 19px; font-weight: 650; white-space: nowrap; }
.ls-product-name > span:not(.ls-retired) { font-size: 13px; font-weight: 500; }
.ls-retired { margin-left: 11px; color: #b5b9b5; font-size: 10px; font-weight: 400; }
.ls-retired::before { display: inline-block; width: 3px; height: 3px; margin: 0 6px 2px 0; border-radius: 50%; background: currentColor; content: ''; }
.ls-section-links { display: flex; gap: 28px; align-items: center; }
.ls-section-links a { padding-block: 12px; color: #b7bcba; font-size: 12px; transition: color 160ms; }
.ls-section-links a:hover, .ls-section-links a[aria-current="location"] { color: var(--orange); }
.ls-eyebrow { display: flex; flex-wrap: wrap; gap: 14px; margin-bottom: 30px; color: #a5adaa; font-size: 11px; font-weight: 500; letter-spacing: .09em; line-height: 1.7; }
.ls-eyebrow > span { color: var(--orange); }
.ls-display { font-family: "LS500 Display", "PingFang SC", "Microsoft YaHei", sans-serif; font-weight: 900; font-size: clamp(42px, 4.75vw, 84px); line-height: 1.2; letter-spacing: -.045em; }
.ls-display em { display: inline-block; color: var(--orange); font-style: normal; transform: skewX(-7deg); transform-origin: left bottom; }
.ls-body { color: #b9c0bb; font-size: clamp(14px, 1.18vw, 18px); line-height: 2; letter-spacing: .02em; }
.ls-text-link { display: inline-flex; gap: 32px; align-items: center; padding-block: 14px; border-bottom: 1px solid #777e76; font-size: 12px; letter-spacing: .035em; }
.ls-text-link span { color: var(--orange); font-size: 17px; }
.ls-text-link:hover { color: var(--orange); border-color: var(--orange); }
.ls-section { padding: 100px var(--gutter); }
.ls-section-heading { display: flex; align-items: flex-end; justify-content: space-between; gap: 44px; }
.ls-section-heading > .ls-body { max-width: 420px; padding-bottom: 7px; }
.ls-footnote { color: #919b96; font-size: 10px; line-height: 1.9; letter-spacing: .015em; }
.ls-footnote a { display: inline-block; margin-left: 12px; color: #bdc3be; text-decoration: underline; text-underline-offset: 4px; }
.ls-footnote a:hover { color: var(--orange); }

/* One product, one stage. The image is the existing first-generation cutout. */
.ls-hero { position: relative; display: grid; grid-template-columns: 1fr 1fr; align-items: center; min-height: min(770px, calc(100svh - 154px)); padding: 46px var(--gutter) 104px; background: radial-gradient(ellipse at 78% 48%, #31383866 0, #171a1b00 51%); }
.ls-hero-copy { padding: 18px 0 30px; }
.ls-hero .ls-eyebrow { margin-bottom: 17px; }
.ls-hero-title { width: fit-content; color: var(--orange); font-size: clamp(82px, 8.4vw, 155px); line-height: 1.08; }
.ls-hero-title > span { display: block; width: fit-content; transform: skewX(-7deg); transform-origin: left bottom; }
.ls-hero-title > span:first-child { letter-spacing: -.065em; }
.ls-hero-title > span + span { margin-top: .045em; }
.ls-hero-line { margin-top: 31px; font-size: clamp(19px, 1.7vw, 28px); font-weight: 500; letter-spacing: .03em; }
.ls-hero .ls-body { margin-top: 13px; }
.ls-hero .ls-text-link { margin-top: 26px; }
.ls-hero-product { width: 100%; max-width: 680px; margin: -16px auto 0; }
.ls-hero-product > img { width: 100%; height: auto; object-fit: contain; }
.ls-hero-product figcaption { display: flex; justify-content: space-between; gap: 20px; margin: -4px 11% 0; color: #8d9791; font-size: 9px; letter-spacing: .11em; }
.ls-hero-features { position: absolute; inset: auto var(--gutter) 0; display: flex; gap: 46px; align-items: center; min-height: 79px; border-top: 1px solid #ffffff1c; color: #a6afaa; font-size: 11px; }
.ls-hero-features b { margin-right: 5px; color: #ebece4; font-size: 14px; font-weight: 500; }
.ls-hero-features > a { margin-left: auto; color: #c8cec6; font-size: 11px; }
.ls-hero-features > a span { margin-left: 23px; color: var(--orange); }

.ls-test { background: #111516; }
.ls-route { position: relative; margin: 42px 0 36px; padding-top: 25px; }
.ls-route-distance { position: absolute; inset: -4px auto auto 30%; display: flex; align-items: baseline; gap: 23px; }
.ls-route-distance strong { color: #343b3c; font: 700 clamp(90px, 13.8vw, 220px)/1 Arial, sans-serif; letter-spacing: -.06em; }
.ls-route-distance > span { position: absolute; top: -18px; left: 7px; color: #969f98; font: 10px/1.9 ui-monospace, sans-serif; white-space: nowrap; }
.ls-route > svg { position: relative; width: 100%; height: auto; overflow: visible; }
.ls-route-line { stroke: #ff7324; stroke-width: 2; fill: none; stroke-linejoin: round; }
.ls-route-points { fill: #111516; stroke: var(--orange); stroke-width: 2; }
.ls-route-labels { fill: #c3cbc5; font-size: 13px; text-anchor: middle; letter-spacing: 2px; }
.ls-route figcaption { margin-top: 8px; color: #78867e; font-size: 9px; letter-spacing: .1em; text-align: right; }
.ls-metrics { display: grid; grid-template-columns: .8fr 1.2fr 1fr; gap: 40px; margin-bottom: 27px; }
.ls-metrics > div { padding-top: 30px; border-top: 1px solid #ffffff24; }
.ls-metrics strong { display: block; font: 500 clamp(44px, 5vw, 86px)/1.05 Arial, sans-serif; letter-spacing: -.05em; white-space: nowrap; }
.ls-metrics strong span { margin-left: 9px; color: var(--orange); font-size: 16px; letter-spacing: -.03em; }
.ls-metrics p { max-width: 320px; margin-top: 16px; color: #b1bbb4; font-size: 12px; line-height: 1.8; }

.ls-reception { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(50px, 7vw, 135px); align-items: center; padding-block: 110px; }
.ls-install-photo { position: relative; align-self: stretch; min-height: 620px; margin: 0; overflow: clip; }
.ls-install-photo > img { width: 100%; height: 100%; position: absolute; object-fit: cover; object-position: 32% center; }
.ls-install-photo figcaption { position: absolute; inset: auto 24px 24px; color: white; font-size: 10px; letter-spacing: .12em; text-shadow: 0 1px 6px #000; }
.ls-reception .ls-body { margin-top: 30px; }
.ls-network-facts { display: grid; grid-template-columns: 1fr 1fr; gap: 26px 20px; margin: 45px 0 0; }
.ls-network-facts > div { border-top: 1px solid #ffffff24; padding-top: 19px; }
.ls-network-facts dt { font-size: clamp(18px, 1.85vw, 27px); font-weight: 500; }
.ls-network-facts dd { margin: 9px 0 0; color: #98a49c; font-size: 11px; }

.ls-wifi { background: #1d2223; }
.ls-wifi .ls-section-heading > .ls-body { font-size: 14px; }
.ls-vessel { margin: 48px 0 45px; }
.ls-vessel-layout { display: grid; grid-template-columns: minmax(0, 1fr) 24%; gap: 2%; align-items: stretch; }
.ls-vessel-layout > svg { display: block; width: 100%; height: auto; overflow: visible; }
.ls-ship-lines { fill: none; stroke: #82928e; stroke-width: 1.45; stroke-linecap: round; stroke-linejoin: round; }
.ls-ship-lines .ls-hull { stroke-width: 1.9; }
.ls-rail-lines { stroke: #687d76; stroke-width: 1; }
.ls-ship-windows { fill: #a8bcb50a; stroke: #82928e; stroke-width: 1.2; }
.ls-ship-fade { opacity: .35; }
.ls-wifi-ring { fill: none; stroke: #ff731f; stroke-width: 1; stroke-opacity: .22; }
.ls-wifi-ring-outer { stroke-opacity: .1; }
.ls-cable { fill: none; stroke: #ff640d77; stroke-width: 2; }
.ls-cable-flow { stroke: #ff863e; stroke-dasharray: 3 17; }
.ls-mesh-nodes { fill: #ff640d; stroke: #ff640d; stroke-width: 1.5; }
.ls-terminal { fill: #262e2c; stroke: var(--orange); stroke-width: 1.6; }
.ls-terminal path { fill: #ff640d15; stroke-width: .9; }
.ls-terminal circle { fill: var(--orange); stroke: none; }
.ls-node-leaders { fill: #1d2223; stroke: #697d7080; stroke-width: 1; }
.ls-node-leaders path { fill: none; }
.ls-node-leaders circle { stroke: #ff640d70; }
.ls-node-leaders text { fill: #ff873f; stroke: none; font: 10px ui-monospace, monospace; text-anchor: middle; }
.ls-vessel-key { display: grid; grid-template-rows: repeat(3, 1fr); margin: 0; padding: 0 0 5%; list-style: none; }
.ls-vessel-key > li { display: flex; flex-direction: column; justify-content: center; }
.ls-key-number { color: #ff873f; font-size: 10px; letter-spacing: .075em; }
.ls-vessel-key h3 { margin-top: 12px; font-size: clamp(16px, 1.65vw, 26px); font-weight: 500; }
.ls-vessel-key p { margin-top: 10px; color: #a3b0a8; font-size: 12px; line-height: 1.9; }
.ls-vessel figcaption { display: flex; align-items: center; justify-content: space-between; gap: 20px; margin-top: 24px; color: #929f96; font-size: 10px; }
.ls-vessel figcaption > span:first-child { display: flex; align-items: center; gap: 9px; }
.ls-vessel figcaption i { width: 5px; height: 5px; background: var(--orange); border-radius: 50%; }
.ls-wifi-bottom { display: grid; grid-template-columns: 1.15fr 1fr 1fr 1fr; align-items: center; gap: 30px; padding-top: 28px; border-top: 1px solid #ffffff25; }
.ls-wifi-bottom h3 { font-size: 25px; line-height: 1.5; font-weight: 500; letter-spacing: -.03em; }
.ls-wifi-bottom strong { font-size: clamp(24px, 2.8vw, 43px); font-weight: 500; letter-spacing: -.045em; }
.ls-wifi-bottom p { margin-top: 9px; color: #a9b4ac; font-size: 11px; }
.ls-wifi > .ls-footnote { margin-top: 32px; }

.ls-weather-scene { position: relative; display: flex; align-items: center; justify-content: flex-end; min-height: 680px; min-height: clamp(580px, 58vw, 900px); isolation: isolate; padding: 80px var(--gutter); overflow: clip; }
.ls-weather-scene > img { position: absolute; inset: 0; z-index: -2; width: 100%; height: 100%; object-fit: cover; object-position: center center; }
.ls-weather-scene::before { position: absolute; inset: 0; z-index: -1; background: linear-gradient(90deg, #10151600 20%, #1015162e 44%, #101516d6 100%), linear-gradient(0deg, #101516bb, #10151600 38%); content: ''; }
.ls-weather-copy { width: 48%; }
.ls-weather-copy .ls-body { margin-top: 28px; color: #d0d3c9; }
.ls-weather-copy .ls-eyebrow { color: #e0ded2; }
.ls-photo-caption { position: absolute; inset: auto auto 35px var(--gutter); color: #e8e5db; font-size: 10px; letter-spacing: .1em; }
.ls-environment { display: grid; grid-template-columns: repeat(4, 1fr); gap: 35px; padding: 48px var(--gutter) 60px; background: #111516; }
.ls-feature-number { color: var(--orange); font: 11px/1 ui-monospace, monospace; }
.ls-environment h3 { margin-top: 21px; font-size: 18px; font-weight: 500; }
.ls-environment p { margin-top: 14px; color: #a0aaa3; font-size: 12px; line-height: 1.9; }

.ls-life { display: grid; grid-template-columns: 1.2fr 1fr; gap: 60px 9%; align-items: center; padding-block: 116px 90px; }
.ls-life .ls-display { font-size: clamp(38px, 4.4vw, 78px); }
.ls-life .ls-body { margin-top: 27px; font-size: 14px; }
.ls-life-metric { display: flex; gap: 30px; align-items: flex-end; padding-bottom: 28px; border-bottom: 1px solid #ffffff21; }
.ls-life-metric strong { color: var(--orange); font: 400 clamp(104px, 11vw, 168px)/.85 Arial, sans-serif; letter-spacing: -.07em; white-space: nowrap; }
.ls-life-metric strong span { margin-left: 12px; color: #cbd3ca; font: 400 19px/1 sans-serif; letter-spacing: 0; }
.ls-life-metric p { padding-bottom: 4px; color: #b6c0b8; font-size: 12px; line-height: 1.9; }
.ls-life-proof .ls-body { margin-top: 24px; }
.ls-life-proof .ls-footnote { max-width: 420px; margin-top: 20px; }
.ls-life-scenes { grid-column: 1 / -1; display: grid; grid-template-columns: repeat(3, 1fr); gap: 40px; }
.ls-life-scenes > div { padding-top: 24px; border-top: 1px solid #ffffff21; }
.ls-life-scenes span { color: #8c9b91; font-size: 10px; letter-spacing: .09em; }
.ls-life-scenes h3 { margin-top: 17px; font-size: clamp(18px, 1.7vw, 26px); font-weight: 400; }

.ls-details { background: #121617; padding-bottom: 55px; }
.ls-details-heading { margin-bottom: 52px; }
.ls-details-heading .ls-eyebrow { margin-bottom: 24px; }
.ls-details h2 { font-size: clamp(30px, 3.3vw, 54px); font-weight: 500; line-height: 1.5; letter-spacing: -.045em; }
.ls-details-heading .ls-body { margin-top: 21px; font-size: 14px; }
.ls-records { border-top: 1px solid #ffffff25; }
.ls-records details { border-bottom: 1px solid #ffffff25; }
.ls-records summary { display: flex; align-items: center; justify-content: space-between; gap: 24px; padding-block: 26px; font-size: 16px; cursor: pointer; list-style: none; }
.ls-records summary::-webkit-details-marker { display: none; }
.ls-records summary:focus-visible { outline: 2px solid var(--orange); outline-offset: 5px; }
.ls-records summary:hover { color: var(--orange); }
.ls-summary-icon { width: 15px; height: 15px; position: relative; flex-shrink: 0; }
.ls-summary-icon::before, .ls-summary-icon::after { position: absolute; top: 7px; left: 0; width: 15px; height: 1px; background: currentColor; content: ''; }
.ls-summary-icon::after { transform: rotate(90deg); }
details[open] > summary .ls-summary-icon::after { transform: rotate(0); }
.ls-spec-list { margin: 0 0 30px; }
.ls-spec-list > div { display: grid; grid-template-columns: 170px 1fr; gap: 24px; padding-block: 14px; font-size: 13px; line-height: 1.8; }
.ls-spec-list dt { color: #909f94; }
.ls-spec-list dd { margin: 0; color: #d3d8d0; }
.ls-config-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px; padding: 5px 0 28px; }
.ls-config-grid b { display: block; margin-bottom: 16px; color: #a2ada5; font-size: 13px; font-weight: 400; }
.ls-config-grid span { color: var(--orange); font-size: 24px; }
.ls-records details > .ls-footnote { margin-bottom: 27px; }
.ls-next { display: flex; justify-content: space-between; align-items: center; gap: 30px; padding-top: 58px; }
.ls-next > span { color: #9da99e; font-size: 13px; }
.ls-next > button { display: flex; align-items: center; gap: 60px; padding: 15px 0; border-bottom: 1px solid var(--orange); font-size: 16px; }
.ls-next > button span { color: var(--orange); }
.ls500-page .site-footer { border-top: 0; }

@media (prefers-reduced-motion: no-preference) {
  html { scroll-behavior: smooth; }
  .ls-motion-ready .ls-reveal { transition: opacity 850ms ease, transform 850ms cubic-bezier(.2, .7, .2, 1); transition-delay: var(--ls-reveal-delay, 0ms); }
  .ls-motion-ready .ls-reveal:not(.is-visible) { opacity: 0; transform: translateY(22px); }
  .ls-motion-ready .ls-reveal.is-visible { opacity: 1; }
  .ls-hero-product { --ls-reveal-delay: 170ms; }
  .ls-motion-ready .ls-hero-product.is-visible > img { animation: ls-product-settle 1.6s cubic-bezier(.2, .7, .2, 1) both; }
  .ls-motion-ready .ls-route.is-visible .ls-route-line { stroke-dasharray: 1; animation: ls-route-draw 1.9s cubic-bezier(.35, .05, .3, 1) 150ms both; }
  .ls-motion-ready .ls-route.is-visible .ls-route-area { animation: ls-area-reveal 1.5s ease 450ms both; }
  .ls-motion-ready .ls-route.is-visible .ls-route-points circle { animation: ls-point-reveal 450ms ease var(--ls-point-delay, 0ms) both; }
  .ls-route-points circle:nth-child(1) { --ls-point-delay: 200ms; }
  .ls-route-points circle:nth-child(2) { --ls-point-delay: 650ms; }
  .ls-route-points circle:nth-child(3) { --ls-point-delay: 1100ms; }
  .ls-route-points circle:nth-child(4) { --ls-point-delay: 1550ms; }
  .ls-route-points circle:nth-child(5) { --ls-point-delay: 1950ms; }
  .ls-motion-ready .ls-install-photo.is-visible > img { animation: ls-photo-settle 2.2s cubic-bezier(.2, .7, .2, 1) both; }
  .ls-motion-ready .ls-weather-scene > img { animation: ls-photo-settle 5s cubic-bezier(.2, .7, .2, 1) both paused; }
  .ls-motion-ready .ls-cable-flow { animation: ls-flow 2.8s linear infinite paused; }
  .ls-motion-ready .ls-wifi-ring { transform-box: fill-box; transform-origin: center; animation: ls-signal 5.2s ease-out infinite paused; }
  .ls-motion-ready .ls-wifi-ring-outer { animation-delay: -2.6s; }
  .ls-motion-ready .ls-wifi-ring:nth-of-type(3) { animation-delay: -1.1s; }
  .ls-motion-ready .ls-wifi-ring:nth-of-type(4) { animation-delay: -3.7s; }
  .ls-motion-ready:not(.ls-motion-paused) .ls-in-view :is(.ls-cable-flow, .ls-wifi-ring),
  .ls-motion-ready:not(.ls-motion-paused) .ls-weather-scene.ls-in-view > img { animation-play-state: running; }
  .ls-text-link span, .ls-next > button span { transition: transform 250ms ease; }
  .ls-text-link:hover span { transform: translateY(4px); }
  .ls-next > button:hover span { transform: translate(3px, -3px); }
  .ls-summary-icon::after { transition: transform 240ms ease; }
  .ls-records details[open] > :not(summary) { animation: ls-detail-enter 350ms ease both; }
}
@keyframes ls-product-settle { from { transform: translateY(12px) scale(.975); } to { transform: translateY(0) scale(1); } }
@keyframes ls-photo-settle { from { transform: scale(1.045); } to { transform: scale(1); } }
@keyframes ls-route-draw { from { stroke-dashoffset: 1; } to { stroke-dashoffset: 0; } }
@keyframes ls-area-reveal { from { opacity: 0; } to { opacity: 1; } }
@keyframes ls-point-reveal { from { opacity: 0; } to { opacity: 1; } }
@keyframes ls-flow { to { stroke-dashoffset: -40; } }
@keyframes ls-signal { 0% { opacity: 0; transform: scale(.72); } 22% { opacity: .9; } 100% { opacity: 0; transform: scale(1.25); } }
@keyframes ls-detail-enter { from { opacity: 0; transform: translateY(-5px); } to { opacity: 1; transform: translateY(0); } }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } }

@media (min-width: 1800px) {
  .ls-section { padding-block: 135px; }
  .ls-hero { min-height: 850px; }
  .ls-hero-product { max-width: 800px; }
  .ls-environment { padding-block: 70px; }
  .ls-environment h3 { font-size: 22px; }
  .ls-environment p { font-size: 14px; }
}
@media (max-width: 1000px) {
  .ls-section { padding-block: 76px; }
  .ls-product-nav { gap: 16px; }
  .ls-section-links { gap: 20px; }
  .ls-hero { padding-top: 30px; }
  .ls-hero-title { font-size: 9.2vw; }
  .ls-hero-line { font-size: 19px; }
  .ls-hero-features { gap: 26px; }
  .ls-hero-features > a { font-size: 0; }
  .ls-hero-features > a span { font-size: 17px; }
  .ls-section-heading { gap: 30px; }
  .ls-section-heading > .ls-body { max-width: 310px; font-size: 13px; }
  .ls-metrics { gap: 26px; }
  .ls-metrics strong span { margin-left: 5px; font-size: 13px; }
  .ls-reception { gap: 45px; }
  .ls-install-photo { min-height: 560px; }
  .ls-network-facts { gap: 24px 16px; }
  .ls-network-facts dt { font-size: 18px; }
  .ls-wifi .ls-section-heading > .ls-body { font-size: 12px; }
  .ls-wifi-bottom { gap: 24px; }
  .ls-wifi-bottom h3 { font-size: 22px; }
  .ls-weather-copy { width: 50%; }
  .ls-weather-copy .ls-display { font-size: 4.6vw; }
  .ls-environment { gap: 24px; }
  .ls-environment h3 { font-size: 16px; }
  .ls-environment p { font-size: 11px; }
  .ls-life { column-gap: 6%; }
  .ls-life-metric { gap: 18px; }
  .ls-life-metric strong { font-size: 102px; }
  .ls-life-metric p { font-size: 11px; }
  .ls-vessel-key p { font-size: 10px; }
}
@media (min-width: 681px) and (max-height: 850px) {
  .ls-hero { padding-top: 20px; padding-bottom: 90px; }
  .ls-hero-copy { padding: 14px 0 10px; }
  .ls-hero-title { font-size: clamp(76px, 7.4vw, 104px); }
  .ls-hero-product { max-width: min(100%, calc(100svh - 270px)); }
  .ls-hero-line { margin-top: 22px; }
  .ls-hero .ls-body { margin-top: 10px; font-size: 14px; }
  .ls-hero .ls-text-link { margin-top: 14px; }
}
@media (max-width: 680px) {
  .ls500-page :is(section, details)[id] { scroll-margin-top: 127px; }
  .ls-product-nav { display: block; padding-top: 13px; padding-bottom: 0; }
  .ls-product-name { width: fit-content; font-size: 17px; }
  .ls-product-name > span:not(.ls-retired) { font-size: 12px; }
  .ls-retired { font-size: 9px; }
  .ls-section-links { justify-content: space-between; gap: 12px; margin-top: 6px; }
  .ls-section-links a { padding-block: 13px; font-size: 10px; white-space: nowrap; }
  .ls-eyebrow { margin-bottom: 25px; gap: 10px; font-size: 10px; }
  .ls-display { font-size: clamp(36px, 9.8vw, 62px); line-height: 1.24; }
  .ls-body { font-size: 13px; line-height: 1.95; }
  .ls-section { padding-block: 65px; }
  .ls-section-heading { display: block; }
  .ls-section-heading > .ls-body { max-width: none; margin-top: 26px; }
  .ls-hero { grid-template-columns: 1fr; padding: 35px var(--gutter) 0; min-height: auto; }
  .ls-hero-copy { padding: 0; }
  .ls-hero .ls-eyebrow { margin-bottom: 20px; }
  .ls-hero-title { font-size: clamp(66px, 19vw, 116px); line-height: 1.06; }
  .ls-hero-title > span + span { margin-top: 4px; }
  .ls-hero-line { margin-top: 22px; font-size: 18px; }
  .ls-hero .ls-body { margin-top: 10px; }
  .ls-hero .ls-text-link { margin-top: 15px; font-size: 11px; padding-block: 12px; }
  .ls-hero-product { width: 100%; max-width: 430px; margin: 12px auto 25px; }
  .ls-hero-product figcaption { margin-top: -10px; margin-inline: 4%; font-size: 8px; }
  .ls-hero-features { position: static; display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 14px; min-height: 87px; font-size: 9px; }
  .ls-hero-features b { display: block; margin-bottom: 6px; font-size: 13px; }
  .ls-hero-features > a { display: none; }
  .ls-route { margin-top: 40px; margin-bottom: 27px; padding-top: 30px; }
  .ls-route-distance { left: 18%; top: -8px; gap: 13px; }
  .ls-route-distance strong { font-size: 22vw; }
  .ls-route-distance > span { left: 3px; font-size: 8px; }
  .ls-route-line { stroke-width: 4; }
  .ls-route-labels { font-size: 27px; }
  .ls-route figcaption { margin-top: 20px; font-size: 8px; }
  .ls-metrics { grid-template-columns: 1fr 1fr; gap: 24px 21px; }
  .ls-metrics > div { padding-top: 22px; }
  .ls-metrics > div:nth-child(2) { grid-column: 1 / -1; grid-row: 1; }
  .ls-metrics strong { font-size: 47px; }
  .ls-metrics > div:nth-child(2) strong { font-size: 61px; }
  .ls-metrics strong span { margin-left: 8px; font-size: 13px; }
  .ls-metrics p { margin-top: 11px; font-size: 10px; }
  .ls-footnote { font-size: 9px; line-height: 1.9; }
  .ls-footnote a { margin-left: 0; }
  .ls-reception { grid-template-columns: 1fr; gap: 36px; }
  .ls-reception-copy { grid-row: 1; }
  .ls-reception .ls-body { margin-top: 23px; }
  .ls-network-facts { margin-top: 30px; gap: 22px; }
  .ls-network-facts dt { font-size: 19px; }
  .ls-network-facts dd { font-size: 10px; }
  .ls-install-photo { min-height: 0; aspect-ratio: 1 / 1; }
  .ls-install-photo > img { object-position: 29% center; }
  .ls-install-photo figcaption { inset: auto 17px 19px; font-size: 9px; }
  .ls-wifi .ls-section-heading > .ls-body { font-size: 12px; }
  .ls-vessel { margin: 30px 0; }
  .ls-vessel-layout { display: block; }
  .ls-vessel-layout > svg { width: calc(100% + 24px); max-width: none; margin-inline: -12px; }
  .ls-ship-lines { stroke-width: 2.4; }
  .ls-ship-lines .ls-hull { stroke-width: 2.8; }
  .ls-ship-windows { stroke-width: 2; }
  .ls-rail-lines { stroke-width: 1.6; }
  .ls-wifi-ring { stroke-width: 2; }
  .ls-cable { stroke-width: 3; }
  .ls-terminal { stroke-width: 2.8; }
  .ls-node-leaders text { font-size: 17px; }
  .ls-node-leaders circle { r: 18px; }
  .ls-vessel-key { grid-template-columns: repeat(3, 1fr); grid-template-rows: auto; gap: 14px; padding: 25px 0 0; }
  .ls-vessel-key > li { justify-content: flex-start; }
  .ls-key-number { font-size: 8px; letter-spacing: 0; white-space: nowrap; }
  .ls-vessel-key h3 { margin-top: 10px; font-size: 12px; line-height: 1.65; }
  .ls-vessel-key p { margin-top: 8px; font-size: 10px; line-height: 1.85; }
  .ls-vessel-key p br { display: none; }
  .ls-vessel figcaption { display: block; margin: 26px 0 0; font-size: 9px; }
  .ls-vessel figcaption > span + span { display: block; margin-top: 9px; }
  .ls-wifi-bottom { grid-template-columns: repeat(3, 1fr); gap: 25px 17px; }
  .ls-wifi-bottom h3 { grid-column: 1 / -1; font-size: 22px; }
  .ls-wifi-bottom h3 br { display: none; }
  .ls-wifi-bottom strong { font-size: 23px; }
  .ls-wifi-bottom p { font-size: 9px; line-height: 1.8; }
  .ls-wifi > .ls-footnote { margin-top: 25px; }
  .ls-weather-scene { align-items: flex-start; min-height: 670px; padding-top: 50px; }
  .ls-weather-scene > img { object-position: 32% center; }
  .ls-weather-scene::before { background: linear-gradient(180deg, #111516e6 0, #111516c4 21%, #11151617 54%, #11151611 78%, #111516a1 100%); }
  .ls-weather-copy { width: 100%; }
  .ls-weather-copy .ls-display { font-size: clamp(36px, 9.8vw, 62px); }
  .ls-weather-copy .ls-body { margin-top: 21px; font-size: 12px; }
  .ls-weather-copy .ls-eyebrow { font-size: 9px; }
  .ls-photo-caption { bottom: 26px; font-size: 9px; }
  .ls-environment { grid-template-columns: 1fr 1fr; gap: 36px 23px; padding-block: 38px 48px; }
  .ls-environment h3 { margin-top: 15px; font-size: 15px; }
  .ls-environment p { margin-top: 10px; font-size: 11px; }
  .ls-life { grid-template-columns: 1fr; gap: 42px; }
  .ls-life .ls-display { font-size: clamp(32px, 8.75vw, 58px); }
  .ls-life .ls-body { margin-top: 22px; font-size: 12px; }
  .ls-life-metric { gap: 30px; }
  .ls-life-metric strong { font-size: 112px; }
  .ls-life-metric strong span { font-size: 17px; }
  .ls-life-metric p { font-size: 11px; }
  .ls-life-scenes { gap: 18px; }
  .ls-life-scenes h3 { margin-top: 12px; font-size: 14px; line-height: 1.8; }
  .ls-life-scenes span { font-size: 9px; }
  .ls-details-heading { margin-bottom: 30px; }
  .ls-details h2 { max-width: 280px; font-size: 31px; }
  .ls-details-heading .ls-body { font-size: 12px; }
  .ls-records summary { font-size: 13px; padding-block: 24px; }
  .ls-spec-list > div { grid-template-columns: 80px 1fr; gap: 20px; font-size: 11px; }
  .ls-config-grid { gap: 17px; }
  .ls-config-grid b { font-size: 10px; }
  .ls-config-grid span { font-size: 16px; }
  .ls-next { display: block; padding-top: 35px; }
  .ls-next > span { font-size: 11px; }
  .ls-next > button { margin-top: 22px; font-size: 15px; }
}
@media (max-width: 360px) {
  .ls-section-links { gap: 9px; }
  .ls-section-links a { font-size: 9px; }
  .ls-hero-line { font-size: 16px; }
  .ls-wifi-bottom strong { font-size: 20px; }
  .ls-weather-scene { min-height: 610px; }
}