/* F90 CARD flagship introduction, 2026: distinctive neon-chrome editorial layer */
.f90-experience{max-width:1380px}
.f90-experience-hero{min-height:clamp(560px,66vw,790px);border:1px solid rgba(249,54,98,.63);border-radius:35px;background:radial-gradient(ellipse 47% 57% at 82% 25%,rgba(250,40,85,.30),transparent 82%),radial-gradient(circle at 11% 93%,rgba(75,117,196,.16),transparent 50%),linear-gradient(138deg,#0d1322,#201122 74%,#260f21);box-shadow:inset 0 1px rgba(255,255,255,.09),0 20px 60px #0006,0 0 40px #f337681b}
.f90-experience-hero::before{content:"";position:absolute;pointer-events:none;inset:0;background:linear-gradient(110deg,transparent 18%,rgba(255,255,255,.025) 49%,transparent 77%);opacity:.7}
.f90-experience-pretitle{letter-spacing:.12em;font-size:12px;color:#ffb1c0!important}
.f90-experience-copy h1{font-size:clamp(35px,5.6vw,76px);letter-spacing:-.025em;line-height:1.12;text-wrap:balance;color:#fff}
.f90-experience-copy .f90-experience-description{font-size:clamp(13px,1.5vw,17px);line-height:1.9;max-width:540px;color:#dbcbd2}
.f90-experience-visual{filter:drop-shadow(0 0 14px rgba(235,47,91,.22))}
.f90-experience-emblem{border:1px solid rgba(255,105,139,.42);background:linear-gradient(140deg,rgba(255,255,255,.08),rgba(248,37,85,.065));box-shadow:0 0 40px rgba(255,48,94,.12),inset 0 0 30px rgba(252,46,98,.09)}
.f90-experience-emblem>img{object-fit:contain;filter:drop-shadow(0 0 12px rgba(241,62,108,.24))}
.f90-experience-real-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-top:22px;max-width:570px}
.f90-experience-real-stats>div{border:1px solid rgba(255,106,142,.32);border-radius:15px;padding:12px 9px;display:flex;flex-direction:column;gap:4px;background:rgba(10,10,24,.3);backdrop-filter:blur(8px)}
.f90-experience-real-stats strong{font-size:clamp(19px,2.4vw,30px);font-weight:900;color:#fff;font-variant-numeric:tabular-nums}
.f90-experience-real-stats span{font-size:11px;color:#eec5d1;line-height:1.4}
.f90-experience-featured-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:19px auto 36px}
.f90-experience-featured-strip>div{display:flex;align-items:center;gap:9px;flex-wrap:wrap;padding:18px;border:1px solid rgba(250,59,103,.4);border-radius:18px;background:linear-gradient(115deg,var(--surface2),var(--surface))}
.f90-experience-featured-strip span{font-size:25px;color:var(--accent);filter:drop-shadow(0 0 8px rgba(246,41,92,.4))}
.f90-experience-featured-strip strong{font-size:13px}
.f90-experience-featured-strip small{display:block;flex-basis:100%;margin-inline-start:34px;color:var(--muted);font-size:11px}
.f90-experience-card{border-color:color-mix(in srgb,var(--accent) 45%,var(--line));box-shadow:0 9px 29px #0002,inset 0 1px #fff1;transition:transform .22s,border-color .22s}
.f90-experience-card:hover{transform:translateY(-5px);border-color:var(--accent);box-shadow:0 0 27px rgba(235,39,83,.22),0 19px 29px #0002}
.f90-experience-steps article{border-color:color-mix(in srgb,var(--accent) 32%,var(--line))}
:root[data-theme="cream"] .f90-experience-hero{background:radial-gradient(circle at 82% 28%,rgba(240,74,120,.25),transparent 55%),linear-gradient(130deg,#41263e,#743d56);color:#fff}
:root[data-theme="cream"] .f90-experience-real-stats>div{background:rgba(255,255,255,.12)}
@media(max-width:740px){.f90-experience-hero{padding:28px 20px;border-radius:25px}.f90-experience-real-stats{gap:5px}.f90-experience-real-stats>div{padding:9px 6px}.f90-experience-real-stats strong{font-size:20px}.f90-experience-real-stats span{font-size:9px}.f90-experience-featured-strip{grid-template-columns:1fr;gap:7px}.f90-experience-featured-strip>div{padding:12px}.f90-experience-featured-strip small{margin-inline-start:0}}
@media(prefers-reduced-motion:reduce){.f90-experience-card{transition:none}}

/* F90 cinematic neon welcome, no product captions or decorative fake app labels */
.f90-experience-hero{isolation:isolate}
.f90-welcome-lightmarks{position:absolute;inset:0;pointer-events:none;z-index:-1;overflow:hidden}
.f90-welcome-lightmarks i{position:absolute;display:block;font-style:normal;font-size:clamp(12px,2.2vw,30px);font-weight:900;letter-spacing:.24em;color:rgba(255,102,150,.12);text-shadow:0 0 12px rgba(241,42,101,.20),0 0 34px rgba(254,29,85,.14);animation:f90-welcome-drift 23s ease-in-out infinite alternate}
.f90-welcome-lightmarks i:nth-child(1){top:12%;right:7%;animation-duration:19s}.f90-welcome-lightmarks i:nth-child(2){top:42%;left:6%;font-size:15px;animation-duration:25s;animation-delay:-4s}.f90-welcome-lightmarks i:nth-child(3){top:77%;right:28%;animation-duration:31s;animation-delay:-8s}.f90-welcome-lightmarks i:nth-child(4){top:22%;left:44%;animation-duration:35s;animation-delay:-11s}.f90-welcome-lightmarks i:nth-child(5){top:65%;left:8%;animation-duration:29s;animation-delay:-6s}.f90-welcome-lightmarks i:nth-child(6){bottom:10%;right:7%;animation-duration:37s;animation-delay:-17s}
@keyframes f90-welcome-drift{0%{opacity:.4;transform:translate3d(-6px,7px,0) rotate(-5deg)}50%{opacity:.95}100%{opacity:.5;transform:translate3d(18px,-23px,0) rotate(6deg)}}
.f90-experience-copy h1 span{color:#ff739c!important;text-shadow:0 0 10px rgba(255,67,113,.42),0 0 25px rgba(253,43,92,.22)}
.f90-experience-section-heading h2 em{font-style:normal;color:var(--accent);text-shadow:0 0 15px color-mix(in srgb,var(--accent) 36%,transparent)}
.f90-experience-products{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(8px,1.5vw,18px)}
.f90-experience-products .f90-experience-product{display:block;position:relative;aspect-ratio:1/1;border:1px solid color-mix(in srgb,var(--accent) 45%,var(--line));overflow:hidden;min-width:0;border-radius:19px;box-shadow:0 12px 24px #0003,0 0 14px rgba(240,49,89,.10)}
.f90-experience-products .f90-experience-product img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s}
.f90-experience-products .f90-experience-product:hover img{transform:scale(1.07)}
.f90-experience-products .f90-experience-product::after{content:"";position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 22px rgba(244,40,84,.16)}
.f90-experience-journey{background:linear-gradient(130deg,color-mix(in srgb,var(--accent) 6%,var(--surface)),var(--surface2));border-radius:24px}
.f90-experience-steps article{box-shadow:inset 0 1px rgba(255,255,255,.08),0 12px 27px #0001;border-radius:17px}
@media(max-width:600px){.f90-experience-products{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.f90-experience-products .f90-experience-product{border-radius:13px}}
@media(prefers-reduced-motion:reduce){.f90-welcome-lightmarks i{animation:none!important}.f90-experience-products .f90-experience-product img{transition:none!important}}


/* Quick entry to F90 CARD: only the welcome page, same original design. */
.f90-experience-hero > .f90-welcome-skip {
  position: absolute;
  z-index: 6;
  top: 18px;
  left: 18px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 44px;
  padding: 9px 15px;
  border-radius: 14px;
  border: 1px solid rgba(255, 155, 180, .62);
  color: #fff;
  background: rgba(22, 12, 28, .87);
  box-shadow: 0 8px 24px rgba(0, 0, 0, .22);
  text-decoration: none;
  font-size: 13px;
  font-weight: 800;
  white-space: nowrap;
}
.f90-experience-hero > .f90-welcome-skip:hover {
  background: rgba(117, 24, 59, .95);
}
.f90-experience-hero > .f90-welcome-skip:focus-visible,
.f90-experience-actions > .f90-welcome-enter:focus-visible {
  outline: 3px solid #fff;
  outline-offset: 3px;
}
.f90-experience-actions > .f90-welcome-enter {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  font-weight: 900;
  border: 1px solid #ff8ba6;
  background: linear-gradient(110deg, #fc315c, #ad113d);
  box-shadow: 0 8px 23px rgba(242, 37, 87, .25);
  color: #fff;
}
.f90-experience-actions > .f90-welcome-enter:hover {
  background: linear-gradient(110deg, #fc4b72, #b61f4e);
}
@media (max-width: 740px) {
  .f90-experience-hero { padding-top: 84px; }
  .f90-experience-hero > .f90-welcome-skip {
    top: 14px;
    left: 14px;
  }
  .f90-experience-copy > .f90-experience-actions > .f90-welcome-enter {
    width: 100%;
    min-height: 54px;
    font-size: 15px;
  }
}
@media (prefers-reduced-motion: reduce) {
  .f90-experience-hero > .f90-welcome-skip { transition: none; }
}