@font-face{font-family:'Landing Oswald';src:url('/static/clock-faces/fonts/Oswald.ttf') format('truetype');font-weight:100 900;font-display:swap}
@font-face{font-family:'Landing Newsreader';src:url('/static/clock-faces/fonts/Newsreader.ttf') format('truetype');font-weight:100 900;font-display:swap}
[hidden]{display:none!important}
.apps-download>p{font-size:12px;color:var(--muted);margin-top:12px}.apps-duo{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;align-items:start}.device-heading>span{display:block;font-size:12px;color:var(--cyan);margin-bottom:16px}.device-heading h3{font-size:30px;line-height:1.2;letter-spacing:-.045em}.device-heading>p{font-size:15px;color:var(--muted);margin-top:17px;max-width:520px}.personal-preview{max-width:310px;margin:32px auto 0;border:7px solid #2e3d50;border-radius:34px;background:#111d29;overflow:hidden;box-shadow:0 25px 60px #0006;color:#e8edf1}.personal-top{padding:17px 17px 14px;display:flex;align-items:center;gap:8px;font-size:14px;border-bottom:1px solid #2b3b4a}.personal-top>span{margin-left:auto;font-size:10px;color:#a6bac7}.personal-content{padding:18px 15px}.personal-title{font-weight:800;font-size:21px;letter-spacing:-.6px}.personal-site{font-size:9px;color:#a7baca;margin-top:5px}.phone-demo-tabs{display:flex;gap:5px;justify-content:space-between;margin:18px 0}.phone-demo-tabs button{flex:1;padding:9px 3px;min-height:38px;border:0;border-radius:7px;color:#b6c8d5;background:#1f3040;font-size:11px;font-weight:700}.phone-demo-tabs button[aria-pressed=true]{color:#091b23;background:#83d5d1}.phone-demo-scenes{min-height:340px}.camera-example,.map-example{position:relative;border-radius:12px;overflow:hidden}.camera-example>svg,.map-example>svg{width:100%;height:auto;display:block;stroke:none;aspect-ratio:260/220}.camera-label{position:absolute;bottom:10px;left:10px;right:10px;display:flex;align-items:center;gap:6px;color:#e8f7f7;background:#132b33e8;padding:7px 8px;border-radius:6px;font-size:10px}.camera-label svg{width:15px;height:15px}.phone-stage-title{font-weight:700;font-size:13px;margin-top:16px}.phone-stage-copy{font-size:11px;line-height:1.7;color:#b5c6d2;margin-top:6px;min-height:38px}.phone-next{display:flex;justify-content:space-between;align-items:center;width:100%;border:1px solid #437280;border-radius:8px;background:#193e4c;color:#d0f4f0;margin-top:14px;font-size:12px;font-weight:700;padding:10px 12px;min-height:42px}.phone-next:hover{background:#245567}.personal-bottom{display:flex;gap:12px;justify-content:space-between;font-size:9px;padding:17px 15px 22px;border-top:1px solid #2d3c4b;color:#adbdcd}.personal-bottom strong{color:#84ded9}.device-caption{font-size:11px;color:var(--muted);text-align:center;margin-top:20px}.map-example>span{position:absolute;left:8px;right:8px;bottom:8px;background:#142f3a;color:#edf6f5;font-size:10px;text-align:center;padding:6px;border-radius:6px}.receipt-example{background:#f3f0e5;color:#243c44;aspect-ratio:260/220;border-radius:12px;text-align:center;padding:18px 14px;font-size:11px}.receipt-check{width:33px;height:33px;border-radius:50%;display:grid;place-items:center;background:#d5e6dc;color:#245c46;margin:0 auto 8px;font-size:20px}.receipt-example>strong{display:block;font-size:20px;margin-top:6px}.receipt-example>time{display:block;font-variant-numeric:tabular-nums;margin:5px 0 12px}.receipt-example>div:not(.receipt-check){display:flex;justify-content:space-between;font-size:9px;margin-top:6px}.receipt-example small{font-size:8px;display:block;margin-top:13px}.kiosk-benefits{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-top:25px}.kiosk-benefits strong{font-size:14px}.kiosk-benefits p{font-size:13px;color:var(--muted);margin-top:8px}.apps-showcase>.fine-print{max-width:none;margin-top:40px}.shared-app>[data-live-kiosk]{margin-top:36px}.live-kiosk{padding:28px 18px 15px;border:9px solid #1c2840;border-radius:28px;background:#0e181e;color:#f3e7cd;container-type:inline-size}.live-kiosk .nixie{width:86%;margin:0 auto;background:#1c110a}.live-kiosk .plate{font-family:'Landing Newsreader',Georgia,serif}.live-kiosk .digits span{font-family:'Landing Oswald','Arial Narrow',sans-serif}.live-kiosk .kiosk-local-time{text-align:center;font:11px/1.5 var(--font);color:#9fb6c0;margin:18px 0 20px}.kiosk-local-time time{margin-left:7px;font-variant-numeric:tabular-nums;letter-spacing:1px;color:#e7f1f1}.kiosk-preview-actions{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.kiosk-preview-actions button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;min-height:65px;padding:10px 4px;background:#195966;border:1px solid transparent;border-radius:9px;color:#e0f3f1;font-size:10px;font-weight:700;line-height:1.4}.kiosk-preview-actions button:last-child{background:#833647;color:#ffe7ec}.kiosk-preview-actions button svg{width:18px;height:18px}.kiosk-preview-actions button:hover,.kiosk-preview-actions button[aria-pressed=true]{border-color:#c8efdf;filter:brightness(1.18)}.kiosk-demo-status{font-size:11px;color:var(--muted);line-height:1.7;margin:14px 5px 0;min-height:38px}.explorer-stage.has-kiosk{aspect-ratio:auto;background:#0d1520;padding:32px}.explorer-stage.has-kiosk [data-live-kiosk]{max-width:690px;margin:auto}
  .live-kiosk .nixie {
    position: relative;
    background: radial-gradient(120% 80% at 50% 30%, #2a1a10 0%, #140d08 60%, #0b0705 100%);
    border-radius: 14px;
    border: 1px solid var(--line);
    padding: 26px 0 0;
    overflow: hidden;
  }
  .live-kiosk .tubes {
    position: relative;
    z-index: 2;
    display: flex;
    justify-content: center;
    align-items: flex-end;
    gap: clamp(5px, 1.8vw, 10px);
    padding: 0 10px;
  }
  .live-kiosk .tube {
    position: relative;
    container-type: inline-size;
    width: clamp(56px, 16.5vw, 76px);
    aspect-ratio: .44;
    border-radius: 50% 50% 12% 12% / 17% 17% 5% 5%;
    border: 1px solid rgba(255, 236, 214, .30);
    background:
      linear-gradient(90deg, rgba(255,255,255,.20) 0 5%, rgba(255,255,255,.04) 12%, transparent 22% 76%, rgba(255,255,255,.08) 84%, rgba(255,255,255,.24) 92%, rgba(255,255,255,.05)),
      radial-gradient(60% 40% at 50% 55%, rgba(255, 120, 30, .22), transparent 70%),
      rgba(255, 240, 222, .035);
    box-shadow: inset 0 0 14px rgba(255, 220, 180, .08), 0 8px 18px rgba(0, 0, 0, .5);
  }
  .live-kiosk .tube::before {
    /* punta de sellado del vidrio */
    content: "";
    position: absolute;
    top: -13px; left: 50%;
    width: 11px; height: 16px;
    transform: translateX(-50%);
    border-radius: 50% 50% 35% 35%;
    border: 1px solid rgba(255, 236, 214, .32);
    background: linear-gradient(90deg, rgba(255,255,255,.38), rgba(255,255,255,.06) 60%, rgba(255,255,255,.18));
  }
  .live-kiosk .tube::after {
    /* zócalo con terminales */
    content: "";
    position: absolute;
    left: 7%; right: 7%; bottom: 2.5%;
    height: 10%;
    border-top: 2px solid rgba(215, 215, 210, .45);
    border-radius: 2px;
    background:
      linear-gradient(180deg, rgba(255,255,255,.12), transparent 60%),
      repeating-linear-gradient(90deg, rgba(225, 225, 220, .30) 0 1.5px, transparent 1.5px 6px);
  }
  .live-kiosk .strap {
    position: absolute;
    top: 19%; left: 9%; right: 9%;
    height: 3.2%;
    border-radius: 2px;
    background: linear-gradient(180deg, #e6e3dc, #8f8c85 55%, #c9c6bf);
    opacity: .85;
  }
  .live-kiosk .cage {
    position: absolute;
    top: 24%; bottom: 14%; left: 11%; right: 11%;
    border-left: 1.5px solid rgba(200, 196, 188, .35);
    border-right: 1.5px solid rgba(200, 196, 188, .35);
  }
  .live-kiosk .digits { position: absolute; inset: 0; }
  .live-kiosk .digits span {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: 'Oswald', 'Arial Narrow', sans-serif;
    font-weight: 300;
    font-size: 70px;
    font-size: 118cqw;
    line-height: 1;
    color: transparent;
    -webkit-text-stroke: .8px rgba(165, 150, 135, .20);
    user-select: none;
  }
  .live-kiosk .digits span.on {
    z-index: 20;
    color: #ffd59a;
    -webkit-text-stroke: 0;
    text-shadow:
      0 0 1px #fff1d6,
      0 0 4px #ff9a3c,
      0 0 10px #ff7a1a,
      0 0 22px rgba(255, 96, 0, .75),
      0 0 42px rgba(255, 80, 0, .45);
    animation: landing-cathode .14s steps(3);
  }
  @keyframes landing-cathode { 0% { opacity: .15; } 50% { opacity: .7; } 100% { opacity: 1; } }
  .live-kiosk .mesh {
    position: absolute;
    inset: 0;
    z-index: 30;
    pointer-events: none;
    opacity: .42;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='17.32' viewBox='0 0 10 17.32'%3E%3Cpath d='M5 0v5.77l5 2.89M5 5.77l-5 2.89M0 8.66v5.77M10 8.66v5.77M0 14.43l5 2.89M10 14.43l-5 2.89' fill='none' stroke='%23b8b0a4' stroke-width='.7'/%3E%3C/svg%3E");
    background-size: 8px 13.86px;
    -webkit-mask-image: linear-gradient(90deg, rgba(0,0,0,.5), #000 25% 75%, rgba(0,0,0,.5));
            mask-image: linear-gradient(90deg, rgba(0,0,0,.5), #000 25% 75%, rgba(0,0,0,.5));
  }
  .live-kiosk .bulb {
    position: relative;
    width: 13px; height: 40px;
    margin-bottom: 4px;
    border-radius: 50% 50% 3px 3px / 25% 25% 3px 3px;
    border: 1px solid rgba(255, 236, 214, .32);
    background: linear-gradient(90deg, rgba(255,255,255,.28), rgba(255,255,255,.04) 50%, rgba(255,255,255,.14));
  }
  .live-kiosk .bulb::after {
    content: "";
    position: absolute;
    left: 50%; top: 42%;
    width: 5px; height: 7px;
    transform: translateX(-50%);
    border-radius: 2px;
    background: rgba(140, 90, 60, .35);
    transition: background .15s, box-shadow .15s;
  }
  .live-kiosk .bulb.on::after {
    background: #ffb35c;
    box-shadow: 0 0 4px #ff8a2a, 0 0 10px rgba(255, 100, 0, .8), 0 0 18px rgba(255, 90, 0, .5);
  }
  .live-kiosk .base {
    position: relative;
    margin-top: -10px;
    padding: 26px 16px 18px;
    border-top: 7px solid #9b764b;
    background:
      radial-gradient(60% 40% at 50% 0%, rgba(255, 120, 30, .22), transparent 70%),
      repeating-linear-gradient(178deg, rgba(0,0,0,.16) 0 1px, transparent 1px 4px),
      repeating-linear-gradient(181deg, rgba(255,230,190,.05) 0 2px, transparent 2px 9px),
      linear-gradient(180deg, #7d5d3a, #5a4128 35%, #3f2d1b);
    box-shadow: inset 0 6px 8px -4px rgba(0, 0, 0, .6);
    display: flex;
    justify-content: center;
  }
  .live-kiosk .plate {
    position: relative;
    padding: 8px 34px;
    border-radius: 6px;
    border: 1px solid rgba(60, 50, 35, .6);
    background:
      repeating-linear-gradient(90deg, rgba(255,255,255,.07) 0 1px, transparent 1px 3px),
      linear-gradient(180deg, #d8d2c4, #a8a192 55%, #c6bfb0);
    box-shadow: 0 2px 4px rgba(0, 0, 0, .5), inset 0 1px 0 rgba(255,255,255,.5);
    color: #2e2618;
    font-style: italic;
    font-size: .9rem;
    text-align: center;
    text-shadow: 0 1px 0 rgba(255, 255, 255, .45);
  }
  .live-kiosk .plate::before, .live-kiosk .plate::after {
    /* tornillos */
    content: "";
    position: absolute;
    top: 50%;
    width: 11px; height: 11px;
    margin-top: -5.5px;
    border-radius: 50%;
    background:
      linear-gradient(45deg, transparent 45%, rgba(40,35,25,.6) 45% 55%, transparent 55%),
      radial-gradient(circle at 35% 35%, #f4f2ec, #8c877d 75%);
  }
  .live-kiosk .plate::before { left: 11px; }
  .live-kiosk .plate::after { right: 11px; }
  @media (prefers-reduced-motion: reduce) {
    .live-kiosk .digits span.on { animation: none; }
    .live-kiosk .bulb::after { transition: none; }
  }


.live-kiosk .tube{width:clamp(38px,12cqw,76px)}.live-kiosk .tubes{gap:clamp(5px,1.7cqw,10px)}.live-kiosk .digits span{font-family:'Landing Oswald','Arial Narrow',sans-serif}.live-kiosk .plate{font-size:clamp(12px,2.9cqw,19px);padding:8px 25px}.live-kiosk .base{padding:18px 8px 14px}.live-kiosk .nixie{padding-top:22px;border:0}.live-kiosk .bulb{width:clamp(8px,2.1cqw,13px)}
@media(max-width:1100px){.apps-duo{gap:35px}.live-kiosk{padding:24px 12px 12px;border-width:7px}.live-kiosk .nixie{width:95%}.device-heading h3{font-size:27px}.kiosk-preview-actions{gap:5px}.kiosk-preview-actions button{font-size:9px}.kiosk-benefits{grid-template-columns:1fr;gap:20px}}
@media(max-width:850px){.apps-duo{grid-template-columns:1fr;gap:55px}.personal-app{display:grid;grid-template-columns:1fr 1fr;gap:10px 32px;align-items:center}.personal-preview{margin-top:0;max-width:300px;width:100%}.personal-app>.device-caption{grid-column:2;margin-top:8px}.shared-app{max-width:660px;margin:auto}.shared-app>[data-live-kiosk]{margin-top:28px}.kiosk-benefits{grid-template-columns:1fr 1fr}.apps-showcase .section-heading{align-items:center}.apps-showcase h2{font-size:38px}}
@media(max-width:650px){.apps-showcase .section-heading{display:block}.apps-download{margin-top:23px}.apps-showcase h2{font-size:34px}.personal-app{display:block}.personal-preview{margin-top:27px}.device-heading h3{font-size:28px}.apps-duo{gap:45px}.live-kiosk{border-width:6px;padding:21px 9px 10px;border-radius:21px}.live-kiosk .nixie{width:100%}.live-kiosk .tube{width:clamp(35px,13cqw,65px)}.live-kiosk .plate{font-size:12px;padding:6px 25px}.live-kiosk .kiosk-local-time{font-size:9px;margin:13px 0}.kiosk-preview-actions button{font-size:8px;min-height:58px;border-radius:7px}.kiosk-preview-actions button svg{width:16px;height:16px}.kiosk-demo-status{font-size:10px}.kiosk-benefits{grid-template-columns:1fr;gap:19px}.explorer-stage.has-kiosk{padding:12px}.explorer-stage.has-kiosk .live-kiosk{padding-inline:5px;border-width:4px}.explorer-stage.has-kiosk .kiosk-preview-actions{gap:4px}.explorer-stage.has-kiosk .kiosk-preview-actions button{font-size:7px}.apps-showcase>.fine-print{margin-top:26px}}
.kiosk-time-note{grid-column:1/-1;border-top:1px solid var(--line);padding-top:20px}
.work-anywhere{margin-top:65px;padding-top:40px;border-top:1px solid var(--line)}
.work-anywhere-heading h3{font-size:30px;line-height:1.2;letter-spacing:-.035em}
.work-scenarios{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;margin-top:32px}
.work-scenarios article>span{display:block;color:var(--cyan);font-size:12px;margin-bottom:12px}
.work-scenarios h4{font-size:17px;letter-spacing:-.02em}
.work-scenarios p{font-size:14px;line-height:1.8;color:var(--muted);margin-top:12px}
.work-anywhere-note{font-size:13px;color:var(--muted);margin-top:28px;max-width:760px}
@media(max-width:650px){.work-anywhere{margin-top:40px;padding-top:30px}.work-anywhere-heading h3{font-size:26px}.work-scenarios{grid-template-columns:1fr;gap:25px;margin-top:26px}.work-scenarios article{padding-left:32px;position:relative}.work-scenarios article>span{position:absolute;top:3px;left:0}.work-scenarios p{margin-top:8px}}
@media(prefers-reduced-motion:reduce){.live-kiosk .digits span.on{animation:none}.live-kiosk .bulb::after{transition:none}}