.r6-apps{position:relative;isolation:isolate;overflow:hidden;padding:96px 0 0;background:radial-gradient(ellipse at 50% 30%,rgba(117,21,29,.16),transparent 65%),#080a0c;border-top:1px solid #282c30;border-bottom:1px solid #282c30}
.r6-apps:before{content:"";position:absolute;inset:0;z-index:-1;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:64px 64px;mask-image:linear-gradient(#000,transparent 85%)}
.r6-apps-heading{display:grid;grid-template-columns:1.3fr 1fr;gap:48px;align-items:end;margin-bottom:48px}
.r6-apps-heading h2{margin:12px 0 0;color:#fff;font-family:'Barlow Condensed',Impact,sans-serif;font-size:clamp(40px,5.2vw,70px);line-height:.95;letter-spacing:-.02em}
.r6-apps-heading h2 em{color:#e31b23;font-style:normal}
.r6-apps-heading>p{max-width:390px;margin:0 0 4px;color:#aab1b7;font-size:16px;line-height:1.8}
.r6-app-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.r6-app{position:relative;min-width:0;background:linear-gradient(155deg,#161a1e,#0b0e11 65%);border:1px solid #30353a;border-radius:4px;transition:transform .4s ease,border-color .4s ease,box-shadow .4s ease}
.r6-app:after{content:"";position:absolute;left:20px;right:20px;top:-1px;height:1px;background:linear-gradient(90deg,transparent,var(--app-accent),transparent)}
.r6-app-top{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:20px 18px;color:#a4adb4;font:700 9px/1.4 Inter,Arial,sans-serif;letter-spacing:.12em}
.r6-app-status{display:inline-flex;align-items:center;gap:5px;white-space:nowrap;color:var(--app-accent);font-size:8px}
.r6-app-status:before{content:"";width:4px;height:4px;border-radius:50%;background:currentColor;box-shadow:0 0 9px currentColor}
.r6-app-stage{position:relative;isolation:isolate;display:flex;align-items:center;flex-direction:column;padding:24px 12px 22px;overflow:hidden;background:radial-gradient(ellipse at 50% 55%,var(--app-glow),transparent 72%)}
.r6-app-stage:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(transparent 49.5%,var(--app-glow) 50%,transparent 50.5%);background-size:100% 48px;opacity:.6;animation:r6AppGrid 16s linear infinite}
.r6-app-orbit{position:absolute;z-index:-1;width:310px;height:310px;top:20%;border:1px solid var(--app-glow);border-radius:50%;box-shadow:0 0 0 30px rgba(255,255,255,.015),0 0 0 60px rgba(255,255,255,.012);animation:r6AppOrbit 7s ease-in-out infinite}
.r6-app-phone{position:relative;margin:0;width:78%;max-width:246px;padding:6px;background:linear-gradient(140deg,#686e75,#20262d 35%,#080a0c 65%,#525a64);border:1px solid #626971;border-radius:34px;box-shadow:0 30px 42px rgba(0,0,0,.65),0 0 35px var(--app-glow);transform:rotate(-3deg);transition:transform .6s cubic-bezier(.2,.8,.2,1),box-shadow .6s}
.r6-app:nth-child(2) .r6-app-phone{transform:translateY(-8px) rotate(0deg)}
.r6-app:nth-child(3) .r6-app-phone{transform:rotate(3deg)}
.r6-app-phone img{display:block;width:100%;height:auto;aspect-ratio:943/2048;object-fit:contain;border-radius:27px;background:#000}
.r6-app-caption{margin-top:32px;color:var(--app-accent);font:700 8px/1.6 Inter,Arial,sans-serif;letter-spacing:.16em;text-align:center}
.r6-app-copy{padding:28px 25px 30px;border-top:1px solid #292e33}
.r6-app-copy h3{margin:0 0 13px;color:#fff;font:700 clamp(26px,2.6vw,34px)/1.1 'Barlow Condensed',Impact,sans-serif}
.r6-app-copy p{margin:0;color:#aab1b7;font-size:13px;line-height:1.8;min-height:94px}
.r6-app-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:22px}
.r6-app-tags span{border:1px solid #333b42;padding:6px 8px;color:#bac2c8;font:600 9px/1.3 Inter,Arial,sans-serif}
.r6-apps-bottom{display:flex;justify-content:space-between;align-items:center;gap:22px;margin-top:42px;padding:26px 0;border-top:1px solid #30353a}
.r6-apps-bottom>span{color:#8b959d;font:600 9px/1.6 Inter,Arial,sans-serif;letter-spacing:.1em}
.r6-apps-bottom i{display:inline-block;width:5px;height:5px;margin-right:8px;background:#e31b23;box-shadow:0 0 10px #e31b23}
.r6-apps-bottom a{color:#fff;text-decoration:none;font:700 11px/1.5 Inter,Arial,sans-serif;letter-spacing:.06em}
.r6-apps-bottom a span{display:inline-block;margin-left:12px;color:#e31b23;transition:transform .2s}
.r6-apps-bottom a:hover span{transform:translate(3px,-3px)}
.r6-apps-bottom a:focus-visible{outline:2px solid #e31b23;outline-offset:8px}
.r6-apps.r6-apps-ready .r6-app{opacity:0;transform:translateY(36px)}
.r6-apps.r6-apps-ready .r6-app.is-visible{opacity:1;transform:translateY(0);transition:opacity .75s ease,transform .75s cubic-bezier(.2,.8,.2,1),border-color .4s,box-shadow .4s;transition-delay:var(--entry-delay,0ms)}
@media(hover:hover){.r6-app:hover,.r6-apps.r6-apps-ready .r6-app.is-visible:hover{transform:translateY(-7px);border-color:var(--app-accent);box-shadow:0 18px 50px var(--app-glow);transition-delay:0ms}.r6-app:hover .r6-app-phone{transform:translateY(-7px) rotate(0deg);box-shadow:0 36px 45px rgba(0,0,0,.7),0 0 55px var(--app-glow)}}
@keyframes r6AppGrid{to{background-position:0 96px}}
@keyframes r6AppOrbit{50%{transform:scale(1.12);opacity:.4}}
@media(max-width:1000px) and (min-width:761px){.r6-app-grid{gap:12px}.r6-app-top{padding:16px 10px;letter-spacing:.03em;font-size:8px}.r6-app-copy{padding:24px 16px}.r6-app-copy p{min-height:140px}.r6-app-phone{width:88%;border-radius:27px}.r6-app-phone img{border-radius:20px}}
@media(max-width:760px){.r6-apps{padding-top:60px}.r6-apps-heading{grid-template-columns:1fr;gap:22px;margin-bottom:30px}.r6-app-grid{grid-template-columns:1fr;gap:28px}.r6-app{max-width:480px;width:100%;margin:auto}.r6-app-stage{padding-top:30px}.r6-app-phone{width:65%;max-width:250px}.r6-app-copy p{min-height:0}.r6-apps-bottom{align-items:flex-start;flex-direction:column}.r6-app-copy h3{font-size:32px}}
@media(prefers-reduced-motion:reduce){.r6-app-stage:before,.r6-app-orbit{animation:none}.r6-app,.r6-app-phone,.r6-apps-bottom a span{transition:none!important}.r6-apps.r6-apps-ready .r6-app{opacity:1;transform:none}.r6-app:hover .r6-app-phone{transform:none}}

/* Lab integration */
.r6lx-lab .r6-apps{padding-top:100px}
.r6lx-lab .r6-apps-heading{grid-template-columns:1fr 1fr}
.r6lx-lab .r6-apps-heading h2{font-size:clamp(48px,5vw,78px);line-height:.9;text-transform:uppercase}
.r6lx-lab .r6-apps-heading>p{max-width:520px}
.r6lx-lab .r6-app-copy h3{text-transform:uppercase}
.r6lx-lab .r6-app-copy p{min-height:94px}
@media(max-width:760px){.r6lx-lab .r6-apps{padding-top:60px}.r6lx-lab .r6-apps-heading{grid-template-columns:1fr}.r6lx-lab .r6-app-copy p{min-height:0}}