/* Match the TARA screen's perspective and hover rhythm. */
.safie-screen-link {
  transform: perspective(1400px) rotateX(4deg);
  transform-origin: center bottom;
  transition: transform .6s ease, box-shadow .6s ease, border-color .6s ease;
}
@media (hover: hover) and (pointer: fine) and (min-width: 761px) {
  .safie-screen-link:hover,
  .safie-screen-link:focus-visible {
    transform: perspective(1400px) rotateX(0deg) translateY(-5px);
    border-color: #86b5e2;
    box-shadow: 0 34px 90px #12376535;
  }
}
@media (max-width: 760px), (prefers-reduced-motion: reduce) {
  .safie-screen-link { transform: none; transition: none; }
  .safie-screen-link:hover,
  .safie-screen-link:focus-visible { transform: none; }
}
.motion-paused .safie-screen-link,
.motion-paused .safie-screen-link:hover,
.motion-paused .safie-screen-link:focus-visible { transform: none; transition: none; }

/* The two prototypes are separate entry points, with no shared session. */
.safie-demo-picker{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:30px auto 65px;scroll-margin-top:105px}
.safie-demo-choice{display:flex;flex-direction:column;gap:10px;border:1px solid #cad8e9;border-radius:16px;padding:28px 30px;background:linear-gradient(145deg,#f5f9ff,#e9f2fc);transition:border-color .3s,box-shadow .3s,transform .3s;color:#08264b}
.safie-demo-choice .choice-kicker{font-size:10px;letter-spacing:1.5px;color:#497299;font-weight:500}
.safie-demo-choice strong{display:flex;justify-content:space-between;gap:20px;font-size:32px;font-weight:400;letter-spacing:-1px;line-height:1.3}
.safie-demo-choice strong span{font-size:27px;color:#1089dd}
.safie-demo-choice>span:not(.choice-kicker){font-size:14px;line-height:1.6;color:#526782}
.safie-demo-choice b{font-size:13px;font-weight:500;color:#0364ad;margin-top:8px}
.safie-demo-choice:hover,.safie-demo-choice:focus-visible{transform:translateY(-4px);border-color:#1495f8;box-shadow:0 14px 35px #173f6212}
.safie-demo-picker>p{grid-column:1/-1;font-size:13px;line-height:1.6;color:#62768d;margin:0}
.safie-dispatch-section{background:radial-gradient(ellipse at 80% 20%,#133859,#051528 70%);color:#fff}
.safie-dispatch-section .eyebrow{color:#7ec5fb}
.safie-dispatch-section .safie-demo-intro p{color:#b0c5dc}
.safie-dispatch-section .safie-demo-actions span,.safie-dispatch-section .safie-demo-note{color:#91adc9}
.safie-dispatch-section .safie-screen-link{border-color:#557695;background:#07111f;box-shadow:0 30px 80px #0006}
@media(max-width:760px){.safie-demo-picker{grid-template-columns:1fr;margin-top:24px;margin-bottom:45px;gap:12px}.safie-demo-choice{padding:23px}.safie-demo-choice strong{font-size:29px}.safie-demo-choice:hover{transform:none}}
@media(prefers-reduced-motion:reduce){.safie-demo-choice{transition:none}.safie-demo-choice:hover{transform:none}}
.motion-paused .safie-demo-choice{transition:none}.motion-paused .safie-demo-choice:hover{transform:none}