html{scroll-behavior:smooth;scroll-padding-top:24px}
.hero-fold-mount{min-height:1.9em}
.module-veil{position:relative;isolation:isolate;width:min(1240px,calc(100% - 48px));margin:0 auto 96px;padding:38px 30px 34px;border:1px solid rgba(62,130,164,.22);border-radius:24px;overflow:hidden;background:#06111d;box-shadow:0 30px 80px rgba(0,0,0,.34);contain:layout paint}
.module-veil::before{content:"";position:absolute;inset:-12%;z-index:-2;background:radial-gradient(ellipse at 16% 24%,rgba(15,159,190,.22),transparent 34%),radial-gradient(ellipse at 82% 72%,rgba(38,96,176,.18),transparent 38%),linear-gradient(140deg,#06111d,#0c2333 45%,#07131e 70%,#0a2b38);filter:blur(22px)}
.module-veil::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(115deg,rgba(4,13,22,.48),rgba(8,24,35,.74)),repeating-linear-gradient(110deg,transparent 0 68px,rgba(80,205,232,.025) 69px 70px);pointer-events:none}
.module-veil-light{position:absolute;width:360px;height:360px;right:-130px;top:-160px;border-radius:50%;background:rgba(47,206,225,.15);filter:blur(72px);pointer-events:none}
.module-heading{position:relative;z-index:2;align-items:flex-end;margin-bottom:26px}.module-heading>div>p,.product-tour-copy>p{margin:0 0 8px;color:#55cdf6;font-size:10px;font-weight:900;letter-spacing:.2em;text-transform:uppercase}.module-heading h2,.product-tour-copy h2{margin:0;color:#f4f9fc;font-size:clamp(34px,5vw,64px);line-height:.95;letter-spacing:-.045em;text-transform:uppercase}
.module-veil .feature-grid{position:relative;z-index:2;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.module-veil .glow-card{--card-glow:#2db9e8;--pointer-x:50%;--pointer-y:50%;position:relative;isolation:isolate;min-height:128px;border:1px solid rgba(73,126,153,.46);background:linear-gradient(112deg,rgba(21,46,63,.97),rgba(9,25,37,.98) 72%);box-shadow:0 15px 34px rgba(0,0,0,.22);transition:transform .28s ease,border-color .28s ease,box-shadow .28s ease;overflow:hidden}
.module-veil .glow-card::before{content:"";position:absolute;z-index:-1;inset:0;background:radial-gradient(210px circle at var(--pointer-x) var(--pointer-y),color-mix(in srgb,var(--card-glow) 25%,transparent),transparent 72%);opacity:0;transition:opacity .25s ease;pointer-events:none}.module-veil .glow-card::after{content:"";position:absolute;inset:0 0 0 54%;z-index:-2;opacity:.38;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--card-glow) 20%,transparent));pointer-events:none}.module-veil .glow-card:hover{transform:translateY(-4px);border-color:color-mix(in srgb,var(--card-glow) 58%,#35566d);box-shadow:0 18px 38px rgba(0,0,0,.3),0 0 20px color-mix(in srgb,var(--card-glow) 14%,transparent)}.module-veil .glow-card:hover::before{opacity:1}
.feature-standings,.feature-automation{--card-glow:#7684ff!important}.feature-relatives,.feature-chat{--card-glow:#2bc7bb!important}.feature-radar,.feature-alerts{--card-glow:#ff9d3f!important}.feature-wind,.feature-telemetry{--card-glow:#65a8ff!important}.feature-rejoin,.feature-moments{--card-glow:#ff6460!important}.feature-fuel{--card-glow:#58df8b!important}.module-veil .feature-icon{border-color:color-mix(in srgb,var(--card-glow) 55%,transparent);color:color-mix(in srgb,var(--card-glow) 84%,white);box-shadow:inset 0 0 22px color-mix(in srgb,var(--card-glow) 10%,transparent)}
.product-tour{position:relative;isolation:isolate;width:min(1240px,calc(100% - 48px));min-height:820px;margin:0 auto 96px;padding:58px 34px;border:1px solid rgba(62,139,177,.24);border-radius:26px;overflow:hidden;background:linear-gradient(155deg,#06111d,#081a29 52%,#050e18);box-shadow:0 35px 90px rgba(0,0,0,.38);contain:layout paint}.floating-lines{position:absolute;inset:0;z-index:-1;overflow:hidden;opacity:.58;background:radial-gradient(circle at 76% 38%,rgba(20,141,184,.18),transparent 34%),linear-gradient(180deg,rgba(5,15,25,.08),rgba(5,14,23,.76))}.floating-lines i{position:absolute;left:-20%;width:145%;height:2px;border-radius:50%;background:linear-gradient(90deg,transparent,rgba(45,193,222,.1),rgba(84,204,255,.52),rgba(53,105,232,.2),transparent);box-shadow:0 0 12px rgba(63,198,231,.28);transform:rotate(-7deg)}.floating-lines i:nth-child(1){top:18%}.floating-lines i:nth-child(2){top:32%;height:1px}.floating-lines i:nth-child(3){top:53%}.floating-lines i:nth-child(4){top:70%;height:1px}.floating-lines i:nth-child(5){top:86%}.product-tour-copy{position:relative;z-index:2;max-width:790px}.product-tour-copy>span{display:block;max-width:680px;margin-top:18px;color:#91aabd;font-size:15px;line-height:1.65}.tour-layout{position:relative;z-index:2;margin-top:48px}
@media(max-width:950px){.module-veil .feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.product-tour{min-height:730px}}
@media(max-width:620px){.hero-fold-mount{font-size:clamp(30px,9.8vw,55px)}.module-veil,.product-tour{width:min(100% - 24px,1240px);padding:28px 14px;border-radius:18px}.module-veil .feature-grid{grid-template-columns:1fr}.module-heading{align-items:flex-start;flex-direction:column}.module-heading h2,.product-tour-copy h2{font-size:38px}.product-tour{min-height:590px;padding-top:38px}.product-tour-copy>span{font-size:13px}.tour-layout{margin-top:30px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.module-veil .glow-card{transition:none}}
.card-swap-fallback{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.card-swap-fallback article{overflow:hidden;border:1px solid rgba(91,182,224,.34);border-radius:14px;background:#081725}.card-swap-fallback img{display:block;width:100%;aspect-ratio:16/8.5;object-fit:cover;object-position:top left}.card-swap-fallback h3{margin:0;padding:13px 16px;color:#f3f8fb;font-size:16px}@media(max-width:620px){.card-swap-fallback{grid-template-columns:1fr}}
.module-veil::before{filter:none}.module-veil-light{background:radial-gradient(circle,rgba(47,206,225,.15),transparent 68%);filter:none}
.product-tour{min-height:720px}.product-tour .tour-layout{position:absolute;inset:0;z-index:1;margin:0;pointer-events:none}.product-tour #react-card-swap{position:absolute;inset:0}.product-tour .rb-card-swap-container{pointer-events:auto}
.section-border-glow{--edge-proximity:0;--cursor-angle:45deg;--edge-sensitivity:8;position:relative;isolation:isolate;overflow:visible}.section-border-glow>.section-edge-light{position:absolute;inset:-42px;z-index:2;border-radius:inherit;pointer-events:none;opacity:calc((var(--edge-proximity) - var(--edge-sensitivity))/(100 - var(--edge-sensitivity)));mask-image:conic-gradient(from var(--cursor-angle) at center,#000 2%,transparent 10%,transparent 90%,#000 98%);mix-blend-mode:plus-lighter;transition:opacity .2s ease-out}.section-border-glow:not(:hover)>.section-edge-light{opacity:0;transition:opacity .65s ease-in-out}.section-edge-light::before{content:"";position:absolute;inset:42px;border-radius:inherit;box-shadow:inset 0 0 0 1px var(--section-glow),inset 0 0 8px var(--section-glow-soft),inset 0 0 22px var(--section-glow-soft),0 0 2px var(--section-glow),0 0 10px var(--section-glow-soft),0 0 24px 3px var(--section-glow-soft),0 0 42px 4px var(--section-glow-soft)}.section-border-glow>*:not(.section-edge-light){position:relative;z-index:1}
/* Product tour: keep the menu reel moving and make its first frame readable. */
.product-tour{min-height:700px;border-color:rgba(64,139,177,.3);background:linear-gradient(135deg,#06131f 0%,#071a28 56%,#04101a 100%);box-shadow:0 30px 78px rgba(0,0,0,.34)}
.product-tour-copy{max-width:570px}.product-tour-copy>span{max-width:450px;color:#88a1b2}
.product-tour .tour-layout{pointer-events:none}.product-tour .rb-card-swap-container{pointer-events:auto;transform:translate(0,10%)}
.product-tour .rb-swap-card{border-color:rgba(106,202,242,.48);border-radius:16px;box-shadow:0 28px 68px rgba(0,0,0,.58),0 0 28px rgba(25,156,211,.12)}
.product-tour .rb-swap-card img{height:280px;object-fit:contain;background:linear-gradient(145deg,#06131e,#0b2231)}
.product-tour .rb-card-caption{height:80px;background:linear-gradient(90deg,#102b3e,#081824);border-top:1px solid rgba(106,202,242,.14)}

/* Keep depth in the background, not as halos around every frame. */
.module-veil,.product-tour,.module-veil .glow-card,.product-tour .rb-swap-card{box-shadow:none}
.module-veil,.product-tour,.module-veil .glow-card,.product-tour .rb-swap-card{border-color:transparent}
.module-veil .glow-card:hover{border-color:rgba(74,128,154,.28);box-shadow:none}
.product-tour .rb-card-caption span{color:#46bde9}.product-tour .rb-card-caption h3{letter-spacing:-.02em}.product-tour .rb-card-caption p{color:#89a4b5}
@media(max-width:950px){.product-tour .rb-card-swap-container{transform:scale(.78) translate(12%,12%)}}
@media(max-width:620px){.product-tour{min-height:650px}.product-tour-copy{max-width:100%}.product-tour .rb-card-swap-container{transform:scale(.5) translate(34%,18%)}}

/* Full-bleed product tour: copy follows the site grid, screenshots own the stage. */
.product-tour{
  width:100%;
  min-height:920px;
  margin:0 0 96px;
  padding:72px max(24px,calc((100vw - 1240px)/2));
  border-radius:0;
  background:#04111b;
}
.product-tour-copy{max-width:620px}
.product-tour .rb-card-swap-container{
  right:clamp(24px,5vw,96px);
  bottom:72px;
  transform:none;
}
.product-tour .rb-swap-card img{
  height:calc(100% - 88px);
  object-fit:contain;
}
.product-tour .rb-card-caption{height:88px}

@media(max-width:950px){
  .product-tour{
    min-height:800px;
    padding:54px 24px;
  }
  .product-tour .rb-card-swap-container{
    right:24px;
    bottom:48px;
    transform:scale(.72);
  }
}

@media(max-width:620px){
  .product-tour{
    min-height:680px;
    margin-bottom:72px;
    padding:38px 14px;
  }
  .product-tour-copy{max-width:100%}
  .product-tour .rb-card-swap-container{
    right:12px;
    bottom:24px;
    transform:scale(.4);
  }
  .product-tour .rb-swap-card img{height:calc(100% - 82px)}
  .product-tour .rb-card-caption{height:82px}
}

/* Clip the banner overlays to the same rounded silhouette as the panels. */
.beta-signup.section-border-glow,
.discord-community.section-border-glow{
  overflow:hidden;
}