.tour-home{
  position:relative;overflow:hidden;padding:100px 0;
  background:
    radial-gradient(760px 420px at 12% 10%,rgba(69,153,255,.12),transparent 66%),
    radial-gradient(760px 420px at 90% 88%,rgba(39,224,203,.09),transparent 66%),
    linear-gradient(180deg,#0e3c4a 0%,#0d3946 50%,#0c3641 100%);
}
.tour-home::before{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(to bottom,transparent,#000 20%,#000 80%,transparent)}
.tour-home .band-inner{position:relative;z-index:1}
.tour-home__intro{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:38px}
.tour-home__intro .section-head{margin:0;max-width:760px}
.tour-home__intro .section-head p{max-width:700px}
.tour-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.tour-card{display:flex;flex-direction:column;min-width:0;overflow:hidden;border:1px solid rgba(255,255,255,.14);border-radius:24px;background:linear-gradient(145deg,rgba(255,255,255,.085),rgba(255,255,255,.025));box-shadow:0 24px 70px rgba(0,0,0,.2);text-decoration:none;color:#fff;transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease}
.tour-card:hover{transform:translateY(-5px);border-color:rgba(42,225,205,.42);box-shadow:0 30px 80px rgba(0,0,0,.3)}
.tour-card__media{height:320px;overflow:hidden;background:#0a3440;border-bottom:1px solid rgba(255,255,255,.1)}
.tour-card__media img{display:block;width:100%;height:100%;object-fit:cover;object-position:top center;transition:transform .5s ease}
.tour-card:hover .tour-card__media img{transform:scale(1.018)}
.tour-card__body{display:flex;flex:1;flex-direction:column;padding:24px}
.tour-card__body h3{margin:0 0 9px;font-size:clamp(1.15rem,2vw,1.42rem)}
.tour-card__body p{margin:0;color:#bfe0e6;font-size:.95rem;line-height:1.65}
.tour-card__link{display:inline-flex;align-items:center;gap:8px;margin-top:auto;padding-top:20px;color:#43e2d0;font-size:.9rem;font-weight:800;letter-spacing:.01em}
.tour-card__link::after{content:"\2192";font-size:1.15em}
.tour-card--wide{grid-column:span 2}
.tour-card--wide .tour-card__media{height:360px}

/* Homepage: a crisp, native-screen product story. One downward gesture advances
   one beat; the only deliberate crops are the two explanatory zoom sequences. */
.tour-scroll{
  --tour-bg:#0b4a58;
  position:relative;
  z-index:2;
  height:800vh;
  background:var(--tour-bg);
}
.tour-scroll__stage{
  position:sticky;
  top:0;
  height:100vh;
  height:100svh;
  overflow:hidden;
  isolation:isolate;
  background:
    radial-gradient(55% 70% at 50% 48%,rgba(53,216,205,.22),transparent 70%),
    radial-gradient(34% 46% at 11% 18%,rgba(62,132,228,.12),transparent 76%),
    var(--tour-bg);
}
.tour-scroll__stage::before{
  content:"";
  position:absolute;
  z-index:0;
  inset:0;
  pointer-events:none;
  background-image:
    linear-gradient(rgba(255,255,255,.022) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.022) 1px,transparent 1px);
  background-size:54px 54px;
  mask-image:linear-gradient(to bottom,transparent,#000 20%,#000 84%,transparent);
}
.tour-scroll__shade{
  position:absolute;
  z-index:1;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(90deg,rgba(5,42,51,.34),transparent 30%,transparent 70%,rgba(5,42,51,.34)),
    linear-gradient(180deg,rgba(7,52,63,.28),transparent 23%,transparent 76%,rgba(7,52,63,.46));
}
.tour-live{
  position:absolute;
  z-index:2;
  inset:0;
  overflow:hidden;
  pointer-events:none;
}
.tour-live::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(42% 62% at 50% 50%,rgba(66,229,215,.16),transparent 72%),
    radial-gradient(34% 46% at 88% 78%,rgba(49,132,225,.09),transparent 76%);
}
.tour-live__orb{
  position:absolute;
  top:53%;
  left:50%;
  width:min(66vw,940px);
  aspect-ratio:1;
  border-radius:50%;
  background:radial-gradient(circle,rgba(56,223,211,.18),rgba(26,149,166,.075) 40%,transparent 70%);
  filter:blur(8px);
  transform:translate(-50%,-50%);
}
.tour-live__phone{
  position:absolute;
  z-index:2;
  top:54%;
  left:29%;
  box-sizing:border-box;
  height:min(76svh,820px);
  aspect-ratio:.454;
  padding:8px;
  border:1px solid rgba(178,225,232,.44);
  border-radius:clamp(34px,4.2vh,52px);
  background:linear-gradient(145deg,#1d3741 0%,#07141a 48%,#172c36 100%);
  box-shadow:
    0 48px 100px rgba(0,17,25,.55),
    0 0 0 2px rgba(0,0,0,.34),
    inset 0 1px 1px rgba(255,255,255,.32),
    inset -6px -8px 16px rgba(0,0,0,.5);
  transform:translate3d(-50%,-50%,0) perspective(1100px) rotateY(8deg) rotateX(-1deg) rotateZ(-1deg);
  transform-origin:center;
  transform-style:preserve-3d;
  will-change:left,transform;
  transition:
    left 1.18s cubic-bezier(.2,.8,.2,1),
    transform 1.18s cubic-bezier(.2,.8,.2,1);
}
.tour-live__phone::before{
  content:"";
  position:absolute;
  z-index:-1;
  inset:2px -7px -6px 3px;
  border:1px solid rgba(147,189,198,.25);
  border-radius:inherit;
  background:
    linear-gradient(125deg,#314d58 0%,#0b1c23 44%,#020a0e 72%,#1b333d 100%);
  box-shadow:
    7px 7px 18px rgba(0,10,15,.42),
    inset -2px -2px 3px rgba(0,0,0,.72),
    inset 1px 1px 1px rgba(255,255,255,.13);
  transform:translateZ(-8px);
}
.tour-live__phone::after{
  content:"";
  position:absolute;
  z-index:20;
  inset:8px;
  border-radius:calc(clamp(34px,4.2vh,52px) - 8px);
  pointer-events:none;
  background:linear-gradient(108deg,transparent 10%,rgba(255,255,255,.14) 27%,rgba(255,255,255,.035) 43%,transparent 59%);
  mix-blend-mode:screen;
}
.tour-live__sparkle{
  position:absolute;
  z-index:24;
  inset:8px;
  overflow:hidden;
  border-radius:calc(clamp(34px,4.2vh,52px) - 8px);
  pointer-events:none;
  transform:translateZ(3px);
}
.tour-live__sparkle::before{
  content:"";
  position:absolute;
  top:-18%;
  bottom:-18%;
  left:-72%;
  width:38%;
  background:linear-gradient(90deg,transparent,rgba(229,255,255,.08) 20%,rgba(255,255,255,.48) 50%,rgba(190,250,255,.11) 78%,transparent);
  filter:blur(1px);
  opacity:0;
  transform:skewX(-17deg);
}
.tour-live__sparkle::after{
  content:"✦";
  position:absolute;
  top:18%;
  right:16%;
  color:#fff;
  font-size:clamp(24px,3.4vh,39px);
  line-height:1;
  opacity:0;
  text-shadow:
    0 0 7px rgba(255,255,255,.95),
    0 0 18px rgba(95,242,225,.78),
    0 0 34px rgba(95,242,225,.48);
  transform:scale(.2) rotate(-18deg);
}
.tour-scroll.is-phone-reflecting .tour-live__sparkle::before{
  animation:tourPhoneSheen 1.18s .02s cubic-bezier(.2,.7,.25,1) both;
}
.tour-scroll.is-phone-reflecting[data-tour-step="0"] .tour-live__sparkle::after{
  animation:tourPhoneGlint 1.18s .02s ease-out both;
}
@keyframes tourPhoneSheen{
  0%,6%{left:-72%;opacity:0}
  16%{opacity:.72}
  74%{left:138%;opacity:.4}
  88%,100%{left:138%;opacity:0}
}
@keyframes tourPhoneGlint{
  0%,35%{opacity:0;transform:scale(.2) rotate(-18deg)}
  49%{opacity:1;transform:scale(1.12) rotate(0)}
  62%{opacity:.72;transform:scale(.82) rotate(7deg)}
  78%,100%{opacity:0;transform:scale(.15) rotate(18deg)}
}
.tour-live__speaker{
  position:absolute;
  z-index:22;
  top:14px;
  left:50%;
  width:24%;
  height:6px;
  border-radius:999px;
  background:rgba(2,14,22,.82);
  box-shadow:0 1px 0 rgba(255,255,255,.1);
  transform:translateX(-50%);
}
.tour-live__button{
  position:absolute;
  top:19%;
  width:3px;
  height:9%;
  border-radius:4px;
  background:linear-gradient(#263f49,#08161c);
}
.tour-live__button--top{right:-4px}
.tour-live__button--bottom{top:31%;right:-4px;height:13%}
.tour-live__screen{
  position:relative;
  width:100%;
  height:100%;
  overflow:hidden;
  border-radius:calc(clamp(34px,4.2vh,52px) - 9px);
  background:linear-gradient(180deg,#283fa5,#0b6f75);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.13);
  transform:translateZ(1px);
}
.tour-screen{
  position:absolute;
  z-index:1;
  inset:0;
  overflow:hidden;
  background:linear-gradient(180deg,#283fa5,#0b6f75);
  opacity:0;
  transform:scale(1.012);
  transition:opacity .48s ease,transform .85s cubic-bezier(.2,.8,.2,1);
}
.tour-screen.is-active{
  z-index:5;
  opacity:1;
  transform:none;
}
.tour-screen__image{
  position:absolute;
  inset:0;
  display:block;
  width:100%;
  height:100%;
  object-fit:contain;
  object-position:center;
  background:linear-gradient(180deg,#283fa5,#0b6f75);
  filter:saturate(1.015) contrast(1.01);
  transform-origin:center;
}
.tour-screen--splash{
  display:flex;
  align-items:center;
  flex-direction:column;
  justify-content:center;
  padding:clamp(78px,10vh,108px) 9% 10%;
  background:
    radial-gradient(68% 40% at 50% 42%,rgba(74,238,221,.22),transparent 74%),
    linear-gradient(165deg,#253da8 0%,#145a91 48%,#08737a 100%);
}
.tour-screen--splash::before{
  content:"";
  position:absolute;
  inset:0;
  background-image:
    linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);
  background-size:28px 28px;
  mask-image:radial-gradient(circle,#000,transparent 75%);
}
.tour-screen__splash-glow{
  position:absolute;
  top:33%;
  left:50%;
  width:130%;
  aspect-ratio:1;
  border-radius:50%;
  background:radial-gradient(circle,rgba(59,230,218,.2),transparent 65%);
  transform:translate(-50%,-50%);
}
.tour-screen__logo{
  position:relative;
  z-index:2;
  display:block;
  width:84%;
  height:auto;
  margin-top:-5%;
  filter:drop-shadow(0 12px 26px rgba(0,22,42,.28));
}
.tour-screen--splash p{
  position:relative;
  z-index:2;
  margin:24px 0 0;
  color:rgba(235,255,255,.82);
  font-size:clamp(10px,1.45vh,15px);
  font-weight:700;
  letter-spacing:.11em;
  text-transform:uppercase;
}
.tour-reward__veil{
  position:absolute;
  z-index:6;
  inset:0;
  background:rgba(0,9,25,.58);
  opacity:0;
}
.tour-reward{
  position:absolute;
  z-index:7;
  top:50%;
  left:50%;
  display:flex;
  align-items:center;
  flex-direction:column;
  width:70%;
  padding:clamp(14px,1.8vh,20px) 12px;
  border:1.5px solid rgba(236,72,153,.58);
  border-radius:24px;
  color:#fff;
  background:
    linear-gradient(145deg,rgba(236,72,153,.2),rgba(168,85,247,.12)),
    rgba(15,30,70,.94);
  box-shadow:0 22px 48px rgba(0,0,0,.54),0 0 36px rgba(236,72,153,.18);
  opacity:0;
  transform:translate(-165%,-50%) rotate(-8deg) scale(.8);
}
.tour-reward__icon{
  display:grid;
  width:50px;
  height:50px;
  margin-bottom:9px;
  place-items:center;
  border:2px solid rgba(255,255,255,.25);
  border-radius:50%;
  background:rgba(236,72,153,.3);
  box-shadow:0 0 0 12px rgba(236,72,153,.11),0 0 28px rgba(236,72,153,.32);
}
.tour-reward__icon svg{width:24px;fill:none;stroke:#fff;stroke-linecap:round;stroke-linejoin:round;stroke-width:2}
.tour-reward strong{font-size:clamp(12px,1.55vh,16px);letter-spacing:.02em}
.tour-reward b{margin:4px 0 1px;font-size:clamp(27px,4vh,39px);line-height:1}
.tour-reward small{color:rgba(255,255,255,.5);font-size:clamp(9px,1.2vh,12px)}
.tour-reward em{
  margin-top:9px;
  padding:5px 9px;
  border:1px solid rgba(236,72,153,.55);
  border-radius:10px;
  color:#fff;
  font-size:clamp(9px,1.2vh,12px);
  font-style:normal;
  font-weight:700;
}
.tour-screen--reward.is-active .tour-reward__veil{animation:tourRewardVeil .45s .45s ease forwards}
.tour-screen--reward.is-active .tour-reward{animation:tourRewardArrival 1.05s .5s cubic-bezier(.18,.88,.25,1.12) forwards}
@keyframes tourRewardVeil{to{opacity:1}}
@keyframes tourRewardArrival{
  0%{opacity:0;transform:translate(-165%,-50%) rotate(-8deg) scale(.8)}
  68%{opacity:1;transform:translate(-44%,-50%) rotate(1.3deg) scale(1.025)}
  100%{opacity:1;transform:translate(-50%,-50%) rotate(0) scale(1)}
}
.tour-controls__pan{
  position:absolute;
  inset:0;
  background-color:#145a72;
  background-image:url("screenshots/mobile/native/tour-controls-hd.png");
  background-repeat:no-repeat;
  background-position:93% 40%;
  background-size:250% auto;
  filter:saturate(1.015) contrast(1.01);
  will-change:background-position;
}
.tour-screen--controls.is-active .tour-controls__pan{
  animation:tourControlsPan 8.4s .18s cubic-bezier(.2,.72,.2,1) forwards;
}
@keyframes tourControlsPan{
  0%,30%{background-position:93% 40%}
  56%,72%{background-position:0 0}
  100%{background-position:100% 0}
}
.tour-expanded__drag{
  position:absolute;
  z-index:12;
  width:34px;
  height:34px;
  border:2px solid rgba(95,242,225,.96);
  border-radius:50%;
  opacity:0;
  box-shadow:0 0 0 8px rgba(95,242,225,.12);
  transform:translate(-50%,-50%) scale(.45);
  pointer-events:none;
}
.tour-expanded__drag i{
  position:absolute;
  inset:-12px;
  border:2px solid rgba(95,242,225,.36);
  border-radius:inherit;
}
.tour-screen--expanded .tour-screen__image{
  transform-origin:50% 39%;
  will-change:transform,transform-origin;
}
.tour-screen--expanded.is-active .tour-screen__image{
  animation:tourExpandedPan 7.2s .18s cubic-bezier(.22,.76,.2,1) forwards;
}
@keyframes tourExpandedPan{
  0%,10%{transform-origin:33% 39%;transform:translate3d(12%,5%,0) scale(1.62)}
  34%,57%{transform-origin:72% 39%;transform:translate3d(-12%,5%,0) scale(1.62)}
  78%,100%{transform-origin:61% 65%;transform:translate3d(-6%,-18%,0) scale(1.52)}
}
.tour-expanded__drag{top:42%;left:67%}
.tour-screen--expanded.is-active .tour-expanded__drag{animation:tourExpandedDrag 7.2s .18s ease-in-out forwards}
@keyframes tourExpandedDrag{
  0%,12%{top:42%;left:34%;opacity:0;transform:translate(-50%,-50%) scale(.6)}
  17%{top:42%;left:34%;opacity:1;transform:translate(-50%,-50%) scale(1)}
  34%{top:42%;left:67%;opacity:1;transform:translate(-50%,-50%) scale(1)}
  42%,61%{top:42%;left:67%;opacity:0;transform:translate(-50%,-50%) scale(.65)}
  66%{top:38%;left:58%;opacity:1;transform:translate(-50%,-50%) scale(1)}
  79%{top:67%;left:58%;opacity:1;transform:translate(-50%,-50%) scale(1)}
  87%,100%{top:67%;left:58%;opacity:0;transform:translate(-50%,-50%) scale(.65)}
}
.tour-auto__frame{opacity:0;will-change:opacity,transform}
.tour-screen--auto-sms.is-active .tour-auto__frame--off{
  animation:tourAutoOff 6.5s cubic-bezier(.2,.75,.2,1) forwards;
}
.tour-screen--auto-sms.is-active .tour-auto__frame--on{
  animation:tourAutoOn 6.5s cubic-bezier(.2,.75,.2,1) forwards;
}
.tour-screen--auto-sms.is-active .tour-auto__frame--sms{
  animation:tourAutoSms 6.5s cubic-bezier(.2,.75,.2,1) forwards;
}
.tour-auto__tap{
  position:absolute;
  z-index:12;
  top:38%;
  left:58%;
  width:34px;
  height:34px;
  border:2px solid rgba(255,214,55,.9);
  border-radius:50%;
  opacity:0;
  transform:translate(-50%,-50%) scale(.45);
}
.tour-auto__tap i{
  position:absolute;
  inset:-13px;
  border:2px solid rgba(255,214,55,.42);
  border-radius:inherit;
}
.tour-screen--auto-sms.is-active .tour-auto__tap{animation:tourAutoTap 6.5s ease forwards}
@keyframes tourAutoOff{
  0%,12%{opacity:1;transform:translate3d(0,0,0) scale(1);transform-origin:58% 7%}
  27%,38%{opacity:1;transform:translate3d(0,33%,0) scale(2.18);transform-origin:58% 7%}
  41%,100%{opacity:0;transform:translate3d(0,33%,0) scale(2.18);transform-origin:58% 7%}
}
@keyframes tourAutoOn{
  0%,36%{opacity:0;transform:translate3d(0,33%,0) scale(2.18);transform-origin:58% 7%}
  41%,55%{opacity:1;transform:translate3d(0,33%,0) scale(2.18);transform-origin:58% 7%}
  66%{opacity:1;transform:translate3d(0,0,0) scale(1);transform-origin:58% 7%}
  71%,100%{opacity:0;transform:translate3d(0,0,0) scale(.985)}
}
@keyframes tourAutoSms{
  0%,66%{opacity:0;transform:scale(.965)}
  74%,100%{opacity:1;transform:scale(1)}
}
@keyframes tourAutoTap{
  0%,29%{opacity:0;transform:translate(-50%,-50%) scale(.45)}
  33%{opacity:1;transform:translate(-50%,-50%) scale(1)}
  39%{opacity:0;transform:translate(-50%,-50%) scale(1.55)}
  100%{opacity:0}
}
.tour-scroll[data-tour-step="0"] .tour-live__phone,
.tour-scroll[data-tour-step="2"] .tour-live__phone,
.tour-scroll[data-tour-step="4"] .tour-live__phone,
.tour-scroll[data-tour-step="6"] .tour-live__phone{
  left:29%;
  transform:translate3d(-50%,-50%,0) perspective(1100px) rotateY(8deg) rotateX(-1deg) rotateZ(-1deg);
}
.tour-scroll[data-tour-step="1"] .tour-live__phone,
.tour-scroll[data-tour-step="3"] .tour-live__phone,
.tour-scroll[data-tour-step="5"] .tour-live__phone,
.tour-scroll[data-tour-step="7"] .tour-live__phone{
  left:71%;
  transform:translate3d(-50%,-50%,0) perspective(1100px) rotateY(-8deg) rotateX(1deg) rotateZ(1deg);
}
.tour-scroll__captions{position:absolute;z-index:3;inset:0;pointer-events:none}
.tour-scroll__caption{
  position:absolute;
  top:54%;
  width:min(38vw,520px);
  padding:0;
  border:0;
  background:none;
  opacity:0;
  pointer-events:none;
  will-change:transform,opacity;
  transition:opacity .36s ease,transform .58s cubic-bezier(.2,.8,.2,1);
}
.tour-scroll__caption[data-side="left"]{
  left:clamp(26px,6vw,100px);
  transform:translate(-34px,-50%);
}
.tour-scroll__caption[data-side="right"]{
  right:clamp(26px,6vw,100px);
  transform:translate(34px,-50%);
}
.tour-scroll__caption.is-active{
  opacity:1;
  pointer-events:auto;
  transform:translate(0,-50%);
}
.tour-scroll__brand{
  display:block;
  width:clamp(170px,17vw,240px);
  height:auto;
  margin:0 0 25px;
  filter:drop-shadow(0 7px 20px rgba(0,18,26,.25));
}
.tour-scroll__number{
  display:block;
  margin-bottom:15px;
  color:#5ff2e1;
  font-size:clamp(11px,1vw,14px);
  font-weight:800;
  letter-spacing:.14em;
  text-transform:uppercase;
  text-shadow:0 4px 20px rgba(0,22,28,.42);
}
.tour-scroll__caption h2,
.tour-scroll__caption h3{
  max-width:11ch;
  margin:0 0 19px;
  color:#f5feff;
  font-size:clamp(2.05rem,3.8vw,4.25rem);
  line-height:1.025;
  letter-spacing:-.045em;
  overflow-wrap:normal;
  text-wrap:balance;
  text-shadow:0 9px 34px rgba(0,23,30,.34);
}
.tour-scroll__caption[data-tour-step="0"] h2{max-width:12.5ch}
.tour-scroll__caption p{
  max-width:42ch;
  margin:0;
  color:#c9e8eb;
  font-size:clamp(15px,1.3vw,19px);
  line-height:1.58;
  overflow-wrap:normal;
  text-shadow:0 5px 22px rgba(0,23,30,.28);
}
.tour-scroll__more{
  position:absolute;
  z-index:5;
  top:clamp(86px,9vh,108px);
  right:clamp(22px,4vw,64px);
  display:inline-flex;
  align-items:center;
  gap:9px;
  padding:11px 16px;
  border:1px solid rgba(255,255,255,.18);
  border-radius:999px;
  color:#dff7f9;
  background:rgba(5,45,54,.42);
  backdrop-filter:blur(12px);
  font-size:12px;
  font-weight:800;
}
.tour-scroll__more:hover{border-color:rgba(95,242,225,.5);color:#fff}
.tour-scroll__rail{
  position:absolute;
  z-index:5;
  right:clamp(18px,2vw,32px);
  bottom:clamp(24px,4vh,42px);
  display:flex;
  align-items:flex-end;
  gap:6px;
  margin:0;
  padding:0;
  list-style:none;
}
.tour-scroll__rail li{
  position:relative;
  width:16px;
  height:3px;
  border-radius:999px;
  background:rgba(255,255,255,.3);
  transition:width .3s ease,background .3s ease,box-shadow .3s ease;
}
.tour-scroll__rail li.is-active{
  width:40px;
  background:#5ff2e1;
  box-shadow:0 0 16px rgba(95,242,225,.6);
}
.tour-scroll__rail span{
  position:absolute;
  right:0;
  bottom:10px;
  overflow:hidden;
  width:0;
  color:#dff9fa;
  font-size:9px;
  font-weight:800;
  letter-spacing:.08em;
  text-align:right;
  text-transform:uppercase;
  opacity:0;
  white-space:nowrap;
}
.tour-scroll__rail li.is-active span{width:90px;opacity:.76}

/* A RoundRun-specific field story: real screens arranged as a working route,
   with restrained scroll depth rather than a generic card grid. */
.field-stories{
  --field-lift-a:170px;
  --field-lift-b:235px;
  --field-lift-c:195px;
  position:relative;
  z-index:3;
  height:178vh;
  background:
    radial-gradient(72% 62% at 50% 46%,rgba(49,212,224,.2),transparent 66%),
    radial-gradient(44% 50% at 14% 30%,rgba(70,140,255,.16),transparent 72%),
    linear-gradient(180deg,#0b4a58 0%,#083b48 48%,#07343f 100%);
}
.field-stories__stage{
  position:sticky;
  top:0;
  height:100vh;
  height:100svh;
  overflow:hidden;
  isolation:isolate;
}
.field-stories__stage::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background-image:
    linear-gradient(rgba(255,255,255,.026) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.026) 1px,transparent 1px);
  background-size:54px 54px;
  mask-image:linear-gradient(to bottom,transparent 3%,#000 28%,#000 82%,transparent);
}
.field-stories__copy{
  position:absolute;
  z-index:1;
  top:clamp(82px,11vh,118px);
  left:50%;
  width:min(980px,86vw);
  text-align:center;
  transform:translateX(-50%);
}
.field-stories__copy h2{
  margin:0 0 15px;
  font-size:clamp(2.55rem,5vw,5.2rem);
  line-height:.98;
}
.field-stories__copy p{
  max-width:58ch;
  margin:0 auto;
  color:#c4e4e8;
  font-size:clamp(14px,1.25vw,17px);
}
.field-stories__ghost{
  position:absolute;
  z-index:0;
  top:42%;
  left:50%;
  width:100%;
  color:rgba(207,249,248,.055);
  font-family:"Sora",system-ui,sans-serif;
  font-size:clamp(5rem,13vw,13rem);
  font-weight:800;
  letter-spacing:-.07em;
  line-height:.8;
  text-align:center;
  transform:translate(-50%,-50%);
  white-space:nowrap;
}
.field-stories__cards{
  position:absolute;
  z-index:2;
  right:0;
  bottom:clamp(26px,3.5vh,42px);
  left:0;
  height:min(68vh,650px);
  max-width:1180px;
  margin:auto;
}
.field-card{
  position:absolute;
  top:0;
  width:min(30vw,350px);
  height:min(66vh,620px);
  min-height:500px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.2);
  border-radius:34px;
  color:#fff;
  text-decoration:none;
  box-shadow:0 42px 90px rgba(0,18,26,.4),inset 0 1px 0 rgba(255,255,255,.15);
  will-change:transform;
  transition:border-color .25s ease,box-shadow .25s ease;
}
.field-card:hover{
  border-color:rgba(83,241,224,.58);
  box-shadow:0 48px 100px rgba(0,18,26,.52),0 0 44px rgba(57,220,207,.1),inset 0 1px 0 rgba(255,255,255,.2);
}
.field-card--planner{
  left:3%;
  background:linear-gradient(155deg,#164c9a 0%,#0b6979 55%,#073d48 100%);
  transform:translate3d(0,var(--field-lift-a),0) rotate(-7deg);
}
.field-card--route{
  z-index:3;
  left:50%;
  background:linear-gradient(160deg,#0d7583 0%,#0c5967 48%,#073742 100%);
  transform:translate3d(-50%,var(--field-lift-b),0) rotate(1deg);
}
.field-card--followup{
  right:3%;
  background:linear-gradient(155deg,#116981 0%,#1553a0 48%,#083b49 100%);
  transform:translate3d(0,var(--field-lift-c),0) rotate(7deg);
}
.field-card__chip{
  position:absolute;
  z-index:4;
  top:20px;
  left:20px;
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:8px 11px;
  border:1px solid rgba(255,255,255,.19);
  border-radius:999px;
  color:#e9feff;
  background:rgba(3,37,47,.7);
  backdrop-filter:blur(12px);
  font-size:10px;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.field-card__chip i{
  width:7px;
  height:7px;
  border-radius:50%;
  background:#48ead6;
  box-shadow:0 0 14px rgba(72,234,214,.85);
}
.field-card__screen{
  position:absolute;
  top:66px;
  left:50%;
  width:min(58%,205px);
  height:75%;
  overflow:hidden;
  padding:7px;
  border:1px solid rgba(255,255,255,.26);
  border-radius:31px;
  background:linear-gradient(145deg,#122b35,#031920);
  box-shadow:0 28px 50px rgba(0,15,22,.42),0 0 42px rgba(76,225,220,.11);
  transform:translateX(-50%);
}
.field-card__screen::before{
  content:"";
  position:absolute;
  z-index:2;
  top:12px;
  left:50%;
  width:44px;
  height:5px;
  border-radius:99px;
  background:rgba(3,16,24,.52);
  transform:translateX(-50%);
}
.field-card__screen img{
  display:block;
  width:100%;
  height:100%;
  border-radius:24px;
  object-fit:cover;
  object-position:top center;
}
.field-card__body{
  position:absolute;
  z-index:5;
  right:0;
  bottom:0;
  left:0;
  padding:52px 24px 24px;
  background:linear-gradient(180deg,transparent,rgba(3,31,40,.88) 37%,rgba(3,31,40,.98));
}
.field-card__body small{
  display:block;
  margin-bottom:7px;
  color:#67eadb;
  font-size:10px;
  font-weight:800;
  letter-spacing:.09em;
  text-transform:uppercase;
}
.field-card__body strong{
  display:block;
  max-width:27ch;
  font-family:"Sora",system-ui,sans-serif;
  font-size:clamp(15px,1.35vw,18px);
  line-height:1.3;
}
.field-card__body span{
  display:block;
  margin-top:13px;
  color:#aaf7ef;
  font-size:12px;
  font-weight:800;
}

.feature-hero{padding:82px 0 72px}
.feature-hero-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(280px,.72fr);align-items:center;gap:64px}
.feature-hero-copy h1{font-size:clamp(2.55rem,6vw,5rem)}
.feature-hero-copy .lead{max-width:690px}
.feature-crumbs{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 20px;color:#9fcdd5;font-size:13px}
.feature-crumbs a{text-decoration:none;color:#68e4d5}
.phone-frame{position:relative;width:min(100%,348px);margin-inline:auto;padding:10px;border:1px solid rgba(255,255,255,.22);border-radius:45px;background:linear-gradient(145deg,#173b48,#061e27);box-shadow:0 34px 90px rgba(0,0,0,.45),0 0 56px rgba(45,212,191,.12)}
.phone-frame::before{content:"";position:absolute;z-index:2;top:16px;left:50%;width:70px;height:6px;transform:translateX(-50%);border-radius:999px;background:rgba(0,0,0,.48)}
.phone-frame img{display:block;width:100%;border-radius:35px;background:#0a4451}
.phone-caption{max-width:380px;margin:14px auto 0;color:#91c4cc;text-align:center;font-size:12px}
.screen-note{display:inline-flex;align-items:center;gap:8px;margin-top:18px;padding:8px 12px;border:1px solid rgba(255,255,255,.12);border-radius:999px;color:#bfe1e7;background:rgba(255,255,255,.04);font-size:12px}
.screen-note::before{content:"";width:7px;height:7px;border-radius:50%;background:#33dec9;box-shadow:0 0 12px #33dec9}

.tour-index-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.tour-index-grid .tour-card__media{height:350px}
.tour-index-grid .tour-card__body{padding:22px}
.tour-jump{display:flex;flex-wrap:wrap;gap:10px;margin:26px 0 0}
.tour-jump a{padding:9px 13px;border:1px solid rgba(255,255,255,.14);border-radius:999px;color:#c8e7eb;text-decoration:none;font-size:13px;font-weight:700;background:rgba(255,255,255,.035)}
.tour-jump a:hover{color:#fff;border-color:rgba(45,212,191,.45)}
.feature-split{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:54px;align-items:start}
.feature-split.reverse{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr)}
.feature-split.reverse>*:first-child{order:2}
.feature-split.reverse>*:last-child{order:1}
.function-list{display:grid;gap:13px;margin:22px 0 0;padding:0;list-style:none}
.function-list li{position:relative;padding:16px 17px 16px 48px;border:1px solid rgba(255,255,255,.12);border-radius:15px;background:rgba(255,255,255,.035);color:#c9e7eb}
.function-list li::before{content:"\2713";position:absolute;left:17px;top:16px;color:#33dec9;font-weight:900}
.function-list strong{color:#fff}
.why-card{padding:26px;border:1px solid rgba(69,153,255,.25);border-radius:22px;background:linear-gradient(145deg,rgba(69,153,255,.12),rgba(39,224,203,.055))}
.why-card h3{font-size:1.35rem}
.why-card p,.why-card li{color:#c8e5ea}
.why-card a{color:#43e2d0}
.phone-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:34px}
.phone-gallery.two{grid-template-columns:repeat(2,minmax(0,1fr));max-width:790px;margin-inline:auto}
.phone-gallery figure{margin:0;min-width:0}
.phone-gallery .phone-frame{width:100%;border-radius:34px;padding:8px}
.phone-gallery .phone-frame img{border-radius:26px}
.phone-gallery figcaption{padding:13px 8px 0;color:#b8dbe1;text-align:center;font-size:13px;line-height:1.55}
.phone-gallery figcaption strong{display:block;color:#fff;font-family:"Sora",system-ui,sans-serif;font-size:14px}
.compare-context{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:30px}
.compare-context article{padding:22px;border:1px solid rgba(255,255,255,.12);border-radius:17px;background:rgba(255,255,255,.035)}
.compare-context h3{font-size:1rem;margin-bottom:8px}
.compare-context p{margin:0;color:#badce2;font-size:14px}
.source-line{margin:24px 0 0;color:#90c0c9;font-size:12px}
.source-line a{color:#6ee7d8}
.feature-prev-next{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:34px}
.feature-prev-next a{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 20px;border:1px solid rgba(255,255,255,.13);border-radius:16px;color:#fff;text-decoration:none;background:rgba(255,255,255,.035);font-weight:700}
.feature-prev-next a:hover{border-color:rgba(45,212,191,.42)}
.feature-prev-next span{color:#82dcd1;font-size:12px;text-transform:uppercase;letter-spacing:.08em}

@media(max-width:920px){
  .tour-grid,.tour-index-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .tour-card--wide{grid-column:span 1}
  .feature-hero-grid,.feature-split,.feature-split.reverse{grid-template-columns:1fr}
  .feature-split.reverse>*:first-child,.feature-split.reverse>*:last-child{order:initial}
  .feature-hero-copy{text-align:center}
  .feature-hero-copy .lead{margin-inline:auto}
  .feature-hero-copy .actions{justify-content:center}
  .feature-crumbs{justify-content:center}
  .phone-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}
  .compare-context{grid-template-columns:1fr}
  .field-stories{
    height:auto;
    padding:92px 20px 100px;
  }
  .field-stories__stage{
    position:relative;
    height:auto;
    overflow:visible;
  }
  .field-stories__copy{
    position:relative;
    top:auto;
    left:auto;
    width:auto;
    transform:none;
  }
  .field-stories__ghost{display:none}
  .field-stories__cards{
    position:relative;
    display:grid;
    right:auto;
    bottom:auto;
    left:auto;
    height:auto;
    gap:24px;
    margin-top:48px;
  }
  .field-card,.field-card--planner,.field-card--route,.field-card--followup{
    position:relative;
    top:auto;
    right:auto;
    left:auto;
    width:min(100%,480px);
    height:650px;
    margin:auto;
    transform:none!important;
  }
}
@media(max-width:640px){
  .tour-home{padding:76px 0}
  .tour-home__intro{display:block}
  .tour-home__intro .button{margin-top:22px}
  .tour-grid,.tour-index-grid{grid-template-columns:1fr}
  .tour-card__media,.tour-card--wide .tour-card__media,.tour-index-grid .tour-card__media{height:390px}
  .feature-hero{padding:62px 0 58px}
  .phone-gallery,.phone-gallery.two{grid-template-columns:1fr;max-width:350px}
  .feature-prev-next{grid-template-columns:1fr}
}
@media(max-width:760px){
  .tour-scroll{height:800vh}
  .tour-live__phone,
  .tour-scroll[data-tour-step] .tour-live__phone{
    top:39%;
    left:50%;
    height:min(56svh,560px);
    transform:translate3d(-50%,-50%,0) perspective(900px) rotateY(-4deg) rotateZ(.5deg);
  }
  .tour-live__orb{top:38%;width:130vw}
  .tour-scroll__shade{
    background:linear-gradient(180deg,rgba(5,42,51,.12),transparent 39%,rgba(5,42,51,.82) 69%,rgba(5,42,51,.98));
  }
  .tour-scroll__caption{
    top:auto;
    right:14px!important;
    bottom:max(16px,calc(env(safe-area-inset-bottom) + 12px));
    left:14px!important;
    width:auto;
    padding:17px 18px 18px;
    border:1px solid rgba(255,255,255,.12);
    border-radius:20px;
    transform:translateY(18px)!important;
    background:linear-gradient(145deg,rgba(4,42,52,.94),rgba(7,65,75,.88));
    box-shadow:0 18px 40px rgba(0,18,26,.24);
    backdrop-filter:blur(15px);
  }
  .tour-scroll__caption.is-active{transform:none!important}
  .tour-scroll__brand{width:145px;margin-bottom:11px}
  .tour-scroll__number{margin-bottom:8px;font-size:9px}
  .tour-scroll__caption h2,
  .tour-scroll__caption h3,
  .tour-scroll__caption[data-tour-step="0"] h2{
    max-width:18ch;
    margin-bottom:9px;
    font-size:clamp(1.18rem,5.6vw,1.42rem);
    line-height:1.08;
  }
  .tour-scroll__caption p{max-width:48ch;font-size:12.5px;line-height:1.48}
  .tour-scroll__more{
    top:max(64px,calc(env(safe-area-inset-top) + 54px));
    right:12px;
    max-width:156px;
    padding:8px 10px;
    font-size:10px;
    line-height:1.25;
    text-align:center;
  }
  .tour-scroll__rail{
    top:max(112px,calc(env(safe-area-inset-top) + 102px));
    right:13px;
    bottom:auto;
    flex-direction:column;
    align-items:flex-end;
  }
  .tour-scroll__rail li{width:3px;height:12px}
  .tour-scroll__rail li.is-active{width:3px;height:34px}
  .tour-scroll__rail span{display:none}
  .tour-screen--splash{padding-top:68px}
  .tour-screen--splash p{font-size:9px}
  .tour-reward{width:76%;padding:13px 9px}
  .tour-reward__icon{width:43px;height:43px;margin-bottom:8px}
  .tour-reward__icon svg{width:21px}
}
@media(prefers-reduced-motion:reduce){
  .tour-card,.tour-card__media img{transition:none}
  .tour-scroll{height:auto;padding:82px clamp(18px,4vw,40px)}
  .tour-scroll__stage{position:relative;height:auto;min-height:0;overflow:visible;background:transparent}
  .tour-scroll__shade,.tour-scroll__rail{display:none}
  .tour-live{position:relative;height:620px;border-radius:28px;background:var(--tour-bg)}
  .tour-live__phone,
  .tour-scroll[data-tour-step] .tour-live__phone{
    top:50%;left:50%;height:min(560px,82vw);transform:translate(-50%,-50%)!important;transition:none
  }
  .tour-screen,.tour-screen.is-active{transition:none}
  .tour-screen--reward.is-active .tour-reward__veil,
  .tour-screen--reward.is-active .tour-reward,
  .tour-screen--controls.is-active .tour-controls__pan,
  .tour-screen--expanded.is-active .tour-screen__image,
  .tour-screen--expanded.is-active .tour-expanded__drag,
  .tour-screen--auto-sms.is-active .tour-auto__frame,
  .tour-screen--auto-sms.is-active .tour-auto__tap{animation:none}
  .tour-scroll__captions{position:relative;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:28px}
  .tour-scroll__caption,.tour-scroll__caption[data-side]{
    position:relative;top:auto;right:auto;bottom:auto;left:auto;width:auto;padding:22px;border:1px solid rgba(255,255,255,.12);border-radius:18px;background:rgba(255,255,255,.045);opacity:1;pointer-events:auto;transform:none!important
  }
  .tour-scroll__caption h2,.tour-scroll__caption h3{font-size:clamp(1.5rem,4vw,2.5rem)}
  .tour-scroll__more{position:relative;top:auto;right:auto;margin-top:24px}
  .field-stories{
    height:auto;
    padding:92px 20px 100px;
  }
  .field-stories__stage{position:relative;height:auto;overflow:visible}
  .field-stories__copy{position:relative;top:auto;left:auto;width:auto;transform:none}
  .field-stories__ghost{display:none}
  .field-stories__cards{position:relative;display:grid;right:auto;bottom:auto;left:auto;height:auto;gap:24px;margin-top:48px}
  .field-card,.field-card--planner,.field-card--route,.field-card--followup{
    position:relative;top:auto;right:auto;left:auto;width:min(100%,480px);height:650px;margin:auto;transform:none!important
  }
}
@media(prefers-reduced-motion:reduce) and (max-width:760px){
  .tour-scroll__captions{grid-template-columns:1fr}
  .tour-scroll__caption{right:auto!important;bottom:auto!important;left:auto!important}
}