@layer properties,theme,base;@layer components{.home [data-offscreen] :not(.rise,.gauge-arc),.home [data-offscreen] :before,.home [data-offscreen] :after{animation-play-state:paused}.home:has(.motion-pause:checked) *{animation-play-state:paused}.home:has(.motion-pause:checked) :before{animation-play-state:paused}.home:has(.motion-pause:checked) :after{animation-play-state:paused}.rise{animation:.8s cubic-bezier(.2,.7,.2,1) both home-rise}.rise-2{animation-delay:.12s}.rise-3{animation-delay:.2s}.rise-4{animation-delay:.3s}.rise-5{animation-delay:.42s}.hero-visual{perspective:1800px;height:420px;margin-inline:-20px;position:relative;overflow:hidden}.hero-rings{width:0;height:0;position:absolute;top:330px;left:50%}.hero-rings>span{border:1px solid color-mix(in srgb, var(--color-on-ink) 7%, transparent);border-radius:50%;position:absolute;top:0;left:0;transform:translate(-50%,-50%)}.hero-rings>.hero-ring-1{width:420px;height:420px}.hero-rings>.hero-ring-2{width:600px;height:600px}.hero-rings>.hero-ring-3{width:780px;height:780px}.hero-rings>.hero-pulse{border:1.5px solid var(--color-brand);width:620px;height:620px;animation:3.6s cubic-bezier(.2,.6,.3,1) infinite home-ring}.hero-rings>.hero-pulse+.hero-pulse{animation-delay:1.8s}.hero-phone{background:linear-gradient(135deg, var(--color-phone-edge), var(--color-phone-body) 40%);width:280px;height:576px;box-shadow:var(--shadow-phone);transform-style:preserve-3d;border-radius:46px;margin-left:-140px;padding:9px;position:absolute;top:36px;left:50%;transform:rotateY(-12deg)rotateX(6deg)rotate(3deg)}.hero-screen{background:var(--color-surface);border-radius:38px;height:100%;position:relative;overflow:hidden}.hero-screen picture{height:100%;display:block}.hero-screen img{object-fit:cover;object-position:top;width:100%;height:100%}.hero-island{background:var(--color-phone-body);border-radius:20px;width:86px;height:25px;position:absolute;top:12px;left:50%;transform:translate(-50%)}.hero-chip{z-index:3;background:var(--color-surface);color:var(--color-ink);box-shadow:var(--shadow-chip);border-radius:15px;align-items:center;gap:11px;padding:11px 15px;animation:7s ease-in-out infinite home-drift;display:flex;position:absolute}.hero-chip-saving{top:28px;left:20px}.hero-chip-connected{animation-delay:-3.5s;display:none;bottom:16%;right:2%}@media (min-width:60rem){.hero-visual{height:600px;margin-inline:0;overflow:visible}.hero-rings{top:50%}.hero-phone{margin-top:-288px;top:50%;transform:rotateY(-20deg)rotateX(8deg)rotate(5deg)}.hero-chip-saving{top:20%;left:0}.hero-chip-connected{display:flex}}.signal-bars{align-items:flex-end;gap:3px;height:15px;display:inline-flex}.signal-bars>span{background:var(--color-ink);border-radius:2px;width:4px;animation:1.8s ease-in-out infinite home-blink-bar;display:block}.signal-bars>span:first-child{height:5px}.signal-bars>span:nth-child(2){height:8px;animation-delay:.15s}.signal-bars>span:nth-child(3){height:11px;animation-delay:.3s}.signal-bars>span:nth-child(4){background:var(--color-brand);height:15px;animation-delay:.45s}.proof-mask{-webkit-mask-image:linear-gradient(90deg, transparent, var(--color-ink) 8%, var(--color-ink) 92%, transparent);mask-image:linear-gradient(90deg, transparent, var(--color-ink) 8%, var(--color-ink) 92%, transparent)}.proof-track{width:max-content;animation:50s linear infinite home-scroll-x;display:flex}.proof-mask:hover .proof-track,.proof-mask:focus-within .proof-track{animation-play-state:paused}.motion-toggle:has(:focus-visible){outline:3px solid var(--color-focus);outline-offset:2px}.shimmer-bar{background:var(--color-track);border-radius:5px;height:9px;display:block;position:relative;overflow:hidden}.shimmer-bar:before{content:"";background:linear-gradient(90deg, var(--color-track) 0%, var(--color-surface) 50%, var(--color-track) 100%);background-size:40% 100%;width:500%;animation:2.4s linear infinite home-shimmer;position:absolute;top:0;bottom:0;left:0;transform:translate(-40%)}.fade-down{-webkit-mask-image:linear-gradient(180deg, var(--color-ink) 30%, transparent);mask-image:linear-gradient(180deg, var(--color-ink) 30%, transparent)}.ok-ripple{background:var(--color-savings);border-radius:50%;width:76px;height:76px;animation:2.8s ease-out infinite home-ripple;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.ok-ripple+.ok-ripple{animation-delay:1.4s}.ok-check{stroke-dasharray:40;animation:2.8s ease-out infinite home-draw-check}.live-dot{background:var(--color-brand);border-radius:50%;width:7px;height:7px;position:relative}.live-dot:after{content:"";background:inherit;border-radius:50%;animation:1.8s ease-out infinite home-ping;position:absolute;inset:0}.gauge-track{fill:none;stroke:var(--color-track);stroke-width:10px}.gauge-arc{fill:none;stroke:var(--color-brand);stroke-width:10px;stroke-linecap:round;stroke-dasharray:390;stroke-dashoffset:31px;animation:1.8s cubic-bezier(.2,.7,.2,1) .4s both home-gauge}@media (min-width:60rem){.why-row-a{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr)}.why-row-a:has(>:only-child){grid-template-columns:minmax(0,1fr)}.why-row-b{grid-template-columns:minmax(0,1fr) minmax(0,1.3fr)}}.metro{width:100%;height:auto;display:block;overflow:visible}.metro-us{fill:none;stroke:var(--color-brand);stroke-width:6px;stroke-linecap:round}.metro-roaming{fill:none;stroke:var(--color-bar-muted);stroke-width:6px;stroke-linecap:round;stroke-linejoin:round}.metro-narrow :is(.metro-us,.metro-roaming){stroke-width:5px}.metro-station{fill:var(--color-surface);stroke:var(--color-ink);stroke-width:3px}.metro-station-muted{fill:var(--color-surface);stroke:var(--color-line-strong);stroke-width:3px}.metro-label{font:500 14px var(--font-body);fill:var(--color-ink);text-anchor:middle}.metro-narrow .metro-label{font-size:13px}.metro-label-muted{fill:var(--color-ink-muted)}.metro-label-start{text-anchor:start}.metro-label-end{text-anchor:end}.metro-distance{font:italic 500 12px var(--font-body);fill:var(--color-ink-muted);text-anchor:middle}.metro-packet,.metro-packet-roaming{fill:var(--color-surface);stroke-width:2.5px;animation-timing-function:linear;animation-iteration-count:infinite}.metro-packet{stroke:var(--color-brand);animation-duration:2.4s}.metro-packet-roaming{stroke:var(--color-line-strong);animation-duration:4.8s}.metro-wide .metro-packet{animation-name:home-metro-us}.metro-wide .metro-packet-roaming{animation-name:home-metro-roaming}.metro-narrow .metro-packet{animation-name:home-metro-us-narrow}.metro-narrow .metro-packet-roaming{animation-name:home-metro-roaming-narrow}.chart{width:100%;height:auto;display:block;overflow:visible}.chart-grid{stroke:var(--color-line);stroke-width:1px}.chart-axis{font:500 11px var(--font-body);fill:var(--color-ink-muted)}.chart-gap{fill:var(--color-savings);animation:8s linear infinite home-gap-in}.chart-line{fill:none;stroke-width:3px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;animation:8s cubic-bezier(.3,.6,.3,1) infinite home-draw-line}.chart-line-us{stroke:var(--color-brand)}.chart-line-them{stroke:var(--color-on-ink-soft)}.chart-points{animation:8s linear infinite home-points-in}.chart-point-us{fill:var(--color-brand)}.chart-point-them{fill:var(--color-on-ink-soft)}.chart-value{font:600 12px var(--font-heading)}.chart-value-us{fill:var(--color-brand-text)}.chart-value-them{fill:var(--color-ink-muted)}@media not (min-width:40rem){.chart-axis{font-size:17px}.chart-value{font-size:18px}}.landing-plane,.landing-bar,.landing-5g,.landing-carrier,.landing-searching,.landing-switch-on,.landing-knob,.landing-chip{animation-duration:8s;animation-timing-function:ease-out;animation-iteration-count:infinite;animation-fill-mode:both}.landing-plane{opacity:0;animation-name:home-landing-plane}.landing-bar{width:3px}.landing-bar:first-child{height:4px;animation-name:home-landing-bar-1}.landing-bar:nth-child(2){height:6px;animation-name:home-landing-bar-2}.landing-bar:nth-child(3){height:8px;animation-name:home-landing-bar-3}.landing-bar:nth-child(4){height:10px;animation-name:home-landing-bar-4}.landing-5g,.landing-carrier{animation-name:home-landing-carrier}.landing-searching{opacity:0;animation-name:home-landing-searching}.landing-switch{background:color-mix(in srgb, var(--color-on-ink-faint) 45%, var(--color-surface-raised));border-radius:999px;flex:none;width:42px;height:26px;position:relative}.landing-switch-on{border-radius:inherit;background:var(--color-brand);opacity:0;animation-name:home-landing-switch-on;position:absolute;inset:0}.landing-knob{background:var(--color-on-ink);border-radius:999px;width:20px;height:20px;animation-name:home-landing-knob;position:absolute;top:3px;left:3px}.landing-chip{background:var(--color-surface-raised);height:28px;font:600 11px / 1 var(--font-body);letter-spacing:.06em;text-transform:uppercase;border-radius:999px;align-items:center;gap:7px;padding:0 12px;animation-name:home-landing-chip;display:inline-flex}.chat-bubble{animation-duration:10s;animation-timing-function:ease-out;animation-iteration-count:infinite;animation-fill-mode:both}.chat-question{animation-name:home-message-1}.chat-answer{animation-name:home-message-2}.chat-thanks{animation-name:home-message-3}.chat-typing{animation:10s linear infinite both home-typing;display:inline-flex}.typing-dot{animation:1.2s ease-in-out infinite home-blink-bar}.typing-dot:nth-child(2){animation-delay:.2s}.typing-dot:nth-child(3){animation-delay:.4s}.home:has(.motion-pause:checked) :is(.rise,.gauge-arc,.ok-check,.chart-line,.chart-gap,.chart-points,.chat-bubble){animation:none}.home:has(.motion-pause:checked) :is(.landing-plane,.landing-bar,.landing-5g,.landing-carrier,.landing-searching,.landing-switch-on,.landing-knob,.landing-chip){animation:none}.home:has(.motion-pause:checked) :is(.metro-packet,.metro-packet-roaming,.ok-ripple,.chat-typing){display:none}@media (prefers-reduced-motion:reduce){.metro-packet,.metro-packet-roaming,.ok-ripple,.chat-typing{display:none}.landing-plane,.landing-bar:nth-child(n),.landing-5g,.landing-carrier,.landing-searching,.landing-switch-on,.landing-knob,.landing-chip,.chat-bubble{animation:none}}}@layer utilities;@keyframes home-rise{0%{opacity:0;transform:translateY(14px)}}@keyframes home-ring{0%{opacity:.9;transform:translate(-50%,-50%)scale(.45)}to{opacity:0;transform:translate(-50%,-50%)scale(1.25)}}@keyframes home-drift{50%{transform:translateY(-8px)}}@keyframes home-scroll-x{to{transform:translate(-50%)}}@keyframes home-blink-bar{0%,to{opacity:.35}50%{opacity:1}}@keyframes home-shimmer{0%{transform:translate(-64%)}to{transform:translate(-16%)}}@keyframes home-draw-check{0%,8%{stroke-dashoffset:40px}30%,to{stroke-dashoffset:0}}@keyframes home-ripple{0%{opacity:.8;transform:translate(-50%,-50%)scale(.6)}to{opacity:0;transform:translate(-50%,-50%)scale(1.9)}}@keyframes home-ping{0%{opacity:.7;transform:scale(1)}to{opacity:0;transform:scale(2.8)}}@keyframes home-gauge{0%{stroke-dashoffset:390px}}@keyframes home-metro-us{0%{transform:translate(40px,34px)}to{transform:translate(520px,34px)}}@keyframes home-metro-roaming{0%{transform:translate(40px,128px)}16.6%{transform:translate(130px,128px)}29.7%{transform:translate(170px,186px)}70.3%{transform:translate(390px,186px)}83.4%{transform:translate(430px,128px)}to{transform:translate(520px,128px)}}@keyframes home-metro-us-narrow{0%{transform:translate(18px,30px)}to{transform:translate(282px,30px)}}@keyframes home-metro-roaming-narrow{0%{transform:translate(18px,122px)}13.5%{transform:translate(62px,122px)}34.7%{transform:translate(100px,180px)}65.3%{transform:translate(200px,180px)}86.5%{transform:translate(238px,122px)}to{transform:translate(282px,122px)}}@keyframes home-draw-line{0%{stroke-dashoffset:1px;opacity:1}60%{stroke-dashoffset:0}92%{opacity:1}to{stroke-dashoffset:0;opacity:0}}@keyframes home-gap-in{0%,45%{opacity:0}62%,90%{opacity:1}to{opacity:0}}@keyframes home-points-in{0%,55%{opacity:0}62%,92%{opacity:1}to{opacity:0}}@keyframes home-landing-knob{0%,12%{transform:translate(16px)}18%,92%{transform:translate(0)}96%,to{transform:translate(16px)}}@keyframes home-landing-switch-on{0%,12%{opacity:1}18%,92%{opacity:0}96%,to{opacity:1}}@keyframes home-landing-plane{0%,16%{opacity:1}22%,92%{opacity:0}96%,to{opacity:1}}@keyframes home-landing-bar-1{0%{opacity:0;animation-timing-function:step-end}27%,86%{opacity:1}90%,to{opacity:0}}@keyframes home-landing-bar-2{0%{opacity:0;animation-timing-function:step-end}30%,86%{opacity:1}90%,to{opacity:0}}@keyframes home-landing-bar-3{0%{opacity:0;animation-timing-function:step-end}33%,86%{opacity:1}90%,to{opacity:0}}@keyframes home-landing-bar-4{0%{opacity:0;animation-timing-function:step-end}36%,86%{opacity:1}90%,to{opacity:0}}@keyframes home-landing-searching{0%,36%{opacity:1}40%,92%{opacity:0}96%,to{opacity:1}}@keyframes home-landing-carrier{0%,38%{opacity:0}44%,86%{opacity:1}90%,to{opacity:0}}@keyframes home-landing-chip{0%,46%{opacity:0;transform:translateY(6px)}52%,86%{opacity:1;transform:translateY(0)}90%,to{opacity:0;transform:translateY(6px)}}@keyframes home-message-1{0%,4%{opacity:0;transform:translateY(8px)}8%,94%{opacity:1;transform:none}to{opacity:0}}@keyframes home-typing{0%,16%{opacity:0}20%,34%{opacity:1}37%,to{opacity:0}}@keyframes home-message-2{0%,36%{opacity:0;transform:translateY(8px)}40%,94%{opacity:1;transform:none}to{opacity:0}}@keyframes home-message-3{0%,60%{opacity:0;transform:translateY(8px)}64%,94%{opacity:1;transform:none}to{opacity:0}}
