:root{--fv-bg:#05051b;--fv-bg2:#080720;--fv-card:#141331;--fv-card2:#1b1838;--fv-line:rgba(99,112,184,.22);--fv-blue:#139cff;--fv-cyan:#3ec1f3;--fv-orange:#ff7c2f;--fv-text:#fff;--fv-muted:#a8b8d6}
*{box-sizing:border-box}.fv-page{background:var(--fv-bg);color:#fff;overflow:hidden}.fv-shell{width:min(1420px,calc(100% - 48px));margin:auto}.fv-section{padding:95px 0}.fv-heading.center{text-align:center;max-width:850px;margin:0 auto 55px}.fv-heading>span{display:block;color:#31c2ff;font-size:11px;font-weight:900;letter-spacing:1.4px}.fv-heading h2{font-size:clamp(42px,5vw,66px);line-height:1.02;letter-spacing:-2.6px;margin:17px 0}.fv-heading p{margin:0;color:var(--fv-muted);font-size:14px;line-height:1.7}.fv-btn{min-height:50px;padding:0 24px;display:inline-flex;align-items:center;justify-content:center;border-radius:8px;text-decoration:none;text-transform:uppercase;font-size:10px;font-weight:900;transition:.2s}.fv-btn.primary{background:#139cff;color:#04121e}.fv-btn.ghost{background:#fff;color:#080817}.fv-btn:hover{transform:translateY(-2px);filter:brightness(1.06)}

/* Hero */
.fv-hero{position:relative;min-height:660px;background:radial-gradient(circle at 65% 42%,rgba(44,30,95,.30),transparent 29%),#05051b;overflow:hidden}.fv-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(81,91,156,.075) 1px,transparent 1px),linear-gradient(90deg,rgba(81,91,156,.075) 1px,transparent 1px);background-size:55px 55px;mask-image:linear-gradient(to bottom,#000,transparent 92%)}.fv-hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:60px;padding:55px 0 60px;min-height:660px}.fv-kicker{display:inline-flex;padding:10px 16px;border:1px solid rgba(255,124,47,.55);border-radius:999px;color:var(--fv-orange);font-size:11px;font-weight:900;letter-spacing:1px;text-transform:uppercase;background:rgba(255,124,47,.05)}.fv-hero-copy h1{margin:25px 0 20px;font-size:clamp(52px,5.1vw,78px);line-height:.98;letter-spacing:-3px}.fv-hero-copy h1 span{display:block;color:var(--fv-orange)}.fv-hero-copy>p{max-width:650px;margin:0;color:#d5ddf2;font-size:16px;line-height:1.65}.fv-hero-points{display:grid;grid-template-columns:repeat(3,max-content);gap:19px 28px;margin:31px 0;color:#f4f5fb;font-size:13px;font-weight:800}.fv-actions{display:flex;gap:15px;flex-wrap:wrap}.fv-hero-art{position:relative;height:510px}.fv-art-bg{position:absolute;inset:22px 0;background:linear-gradient(120deg,rgba(16,14,46,.2),rgba(22,28,80,.3));clip-path:polygon(17% 0,100% 0,100% 100%,0 100%)}.fv-portrait{position:absolute;border:12px solid rgba(22,19,61,.9);border-radius:48%;display:grid;place-items:center;background:radial-gradient(circle at 50% 25%,rgba(46,137,255,.45),rgba(28,24,70,.96) 58%,#0d0b2e);font-weight:900;letter-spacing:2px;box-shadow:0 25px 70px rgba(0,0,0,.32)}.fv-portrait span{opacity:.45}.fv-portrait.p1{width:180px;height:230px;right:72px;top:10px}.fv-portrait.p2{width:180px;height:230px;right:12px;bottom:30px}.fv-character{position:absolute;bottom:0;width:120px;height:330px;background:linear-gradient(180deg,#526084 0 28%,#22233b 28% 63%,#10101b 63%);clip-path:polygon(35% 0,65% 0,72% 8%,70% 18%,83% 35%,74% 39%,70% 100%,30% 100%,27% 40%,14% 35%,29% 18%,27% 8%);filter:drop-shadow(0 15px 20px rgba(0,0,0,.4))}.fv-character:before{content:"";position:absolute;left:37%;top:0;width:26%;aspect-ratio:1;border-radius:50%;background:#897a72}.fv-character.c1{left:80px;height:310px;opacity:.82;transform:scale(.85)}.fv-character.c2{left:190px;height:380px}.fv-character.c3{left:310px;height:320px;opacity:.9;transform:scale(.9)}

/* Plans */
.fv-plans{padding:95px 0 120px;background:#080821}.fv-plan-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.fv-plan{position:relative;min-height:500px;padding:31px 28px;border:1px solid var(--fv-line);border-radius:15px;background:linear-gradient(180deg,#171936,#11132d)}.fv-plan.accent{background:linear-gradient(180deg,#17284b,#101a37);border-color:rgba(50,179,255,.45)}.fv-plan.featured{border-color:#3ec1f3}.fv-popular{position:absolute;right:17px;top:-12px;padding:7px 14px;border-radius:999px;background:#3ec1f3;color:#04121d;font-size:9px;font-weight:900}.fv-plan>small{color:#39c5fb;font-size:10px;font-weight:900;letter-spacing:1px}.fv-plan h3{font-size:24px;margin:13px 0}.fv-plan>p{min-height:62px;color:#8e9ebc;font-size:12px;line-height:1.55}.fv-price{margin:32px 0 25px}.fv-price strong{font-size:36px;letter-spacing:-2px}.fv-price span{color:#8393b3;font-size:10px}.fv-plan ul{list-style:none;margin:0 0 23px;padding:0}.fv-plan li{padding:10px 0;border-bottom:1px solid rgba(255,255,255,.06);color:#c9d2e7;font-size:10px}.fv-plan li:before{content:"✓";margin-right:9px;color:#3ce48b;font-weight:900}.fv-plan>a{position:absolute;left:28px;right:28px;bottom:25px;height:46px;display:grid;place-items:center;border:1px solid rgba(62,193,243,.3);border-radius:8px;background:#10233f;color:#fff;text-decoration:none;font-size:9px;font-weight:900}.fv-plan.featured>a{background:linear-gradient(135deg,#3ec1f3,#008ffe);color:#04121e;border:0}

/* Story sections */
.fv-story{padding:110px 0;background:#05051b}.fv-story:nth-of-type(even){background:#07061e}.fv-story-grid{display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:center}.fv-story-copy h2{margin:0 0 22px;color:var(--fv-orange);font-size:37px;letter-spacing:-1.2px}.fv-story-copy p{color:#a8b8d6;font-size:15px;line-height:1.75}.fv-mini-features{display:flex;gap:28px;flex-wrap:wrap;margin-top:28px;color:#fff;font-size:13px;font-weight:800}.fv-mini-features span:first-letter{color:var(--fv-orange)}.fv-media{min-height:470px;position:relative}.fv-shot{position:absolute;overflow:hidden;border-radius:15px;background:radial-gradient(circle at 50% 20%,rgba(27,129,255,.35),rgba(21,24,65,.96) 58%,#09091f);display:grid;place-items:end start;padding:20px;color:rgba(255,255,255,.6);font-weight:900;letter-spacing:1px;box-shadow:0 28px 70px rgba(0,0,0,.28)}.shot-a{left:0;top:0;width:64%;height:100%;background:linear-gradient(180deg,rgba(27,43,82,.2),rgba(4,10,26,.35)),radial-gradient(circle at 45% 70%,rgba(255,37,84,.35),transparent 22%),linear-gradient(135deg,#0a3145,#11225c 50%,#160c28)}.shot-b{right:0;top:0;width:36%;height:100%;background:radial-gradient(circle at 60% 40%,rgba(255,62,190,.35),transparent 22%),linear-gradient(135deg,#101d43,#5f1d5c 65%,#111)}.gallery .shot-c{left:0;top:0;width:100%;height:56%;background:linear-gradient(180deg,#0c1436,#2c223e 70%,#111126)}.gallery .shot-d{left:0;bottom:0;width:62%;height:39%;background:linear-gradient(135deg,#092d50,#111633 60%,#431226)}.gallery .shot-e{right:0;bottom:0;width:36%;height:39%;background:linear-gradient(135deg,#421542,#1e1731 60%,#0b0b1f)}.single-shot{position:relative;width:100%;height:430px;inset:auto;background:radial-gradient(circle at 60% 30%,rgba(255,95,43,.27),transparent 22%),linear-gradient(135deg,#15395e,#393659 55%,#101023)}

/* Panel */
.fv-panel-section{padding:110px 0;background:#05051b}.fv-panel-intro{display:flex;justify-content:space-between;align-items:flex-end;gap:25px;margin-bottom:55px}.fv-panel-intro h2{font-size:36px;margin:0 0 14px}.fv-panel-intro p{max-width:650px;margin:0;color:var(--fv-muted);font-size:15px;line-height:1.7}.fv-panel-cta{text-align:center;font-size:12px}.fv-panel-cta .fv-btn{margin-top:15px}.fv-panel-grid{display:grid;grid-template-columns:1.45fr .68fr;gap:75px;align-items:center}.fv-dashboard{height:470px;border:6px solid #2c3148;border-radius:20px;background:#101521;display:grid;grid-template-columns:145px 1fr;overflow:hidden}.fv-dashboard aside{padding:20px;background:#273348}.fv-dash-brand{font-size:30px;color:#149cff;text-align:center;margin-bottom:15px}.fv-dashboard aside i{display:block;height:10px;margin:13px 0;border-radius:99px;background:#838aa2}.fv-dashboard aside i:nth-child(odd){width:67%}.fv-dashboard aside i:nth-child(even){width:42%}.fv-dash-body{padding:30px}.fv-code-lines b{display:block;height:7px;margin:8px 0;border-radius:99px;background:#8990a7}.fv-code-lines b:nth-child(3n){background:#14a6ff}.fv-code-lines b:nth-child(1){width:25%}.fv-code-lines b:nth-child(2){width:46%}.fv-code-lines b:nth-child(3){width:38%}.fv-code-lines b:nth-child(4){width:62%}.fv-code-lines b:nth-child(5){width:51%}.fv-code-lines b:nth-child(6){width:35%}.fv-code-lines b:nth-child(7){width:72%}.fv-dash-strip{height:42px;margin:24px 0 10px;border-radius:6px;background:#202c3e}.fv-dash-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:23px}.fv-dash-cards span{height:76px;border-radius:7px;background:#202c3e}.fv-panel-list{display:grid;gap:15px}.fv-panel-list article{padding:17px 20px;border:1px solid rgba(113,100,174,.18);border-radius:13px;background:#1a1532;display:flex;gap:15px;align-items:center}.fv-panel-list article.active{background:#1b5c91;border-color:#139cff}.fv-panel-list article>b{width:30px;color:#10a1ff;font-size:23px;text-align:center}.fv-panel-list strong,.fv-panel-list span{display:block}.fv-panel-list strong{font-size:14px}.fv-panel-list span{margin-top:4px;color:#aab9d6;font-size:12px;line-height:1.4}

/* FAQ */
.fv-faq-section{position:relative;padding:90px 0 110px;background:#08071f}.fv-faq-section:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(91,82,151,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(91,82,151,.08) 1px,transparent 1px);background-size:60px 60px}.fv-faq-grid{position:relative;display:grid;grid-template-columns:1.3fr .8fr;gap:65px}.fv-faq-grid h2{font-size:49px;line-height:1.1;margin:0 0 55px}.fv-faq-list{display:grid;gap:11px}.fv-faq{border:1px solid rgba(151,135,190,.22);border-radius:13px;background:#25203f;overflow:hidden}.fv-faq button{width:100%;padding:21px;border:0;background:none;color:#fff;display:flex;justify-content:space-between;text-align:left;font:800 14px Montserrat;cursor:pointer}.fv-faq p{display:none;margin:0;padding:0 21px 22px;color:#d5d8e7;font-size:13px;line-height:1.65}.fv-faq.open p{display:block}.fv-faq.open button span{transform:rotate(45deg)}.fv-help-card{align-self:end;min-height:440px;padding:50px 38px;border:1px solid rgba(151,135,190,.18);border-radius:18px;background:rgba(26,21,55,.72);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.fv-chat{font-size:64px;margin-bottom:25px}.fv-help-card h3{font-size:18px}.fv-help-card p{color:#a7b8d5;font-size:13px;line-height:1.65}.fv-help-card .fv-btn{width:100%;margin-top:12px}

/* KB */
.fv-kb-section{padding:90px 0 105px;background:#05051b}.fv-kb-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.fv-kb-grid article{min-height:210px;padding:24px;border:1px solid rgba(113,100,174,.22);border-radius:14px;background:#0f0d2a}.fv-kb-grid article>div{display:flex;justify-content:space-between;gap:20px}.fv-kb-grid article span{padding:5px 9px;border-radius:999px;background:rgba(19,156,255,.15);color:#139cff;font-size:9px;font-weight:900}.fv-kb-grid article small{color:#a8b8d6;font-size:10px}.fv-kb-grid h3{font-size:15px;margin:16px 0}.fv-kb-grid p{color:#9dafce;font-size:13px;line-height:1.5}.fv-kb-grid a{color:#139cff;text-decoration:none;font-size:12px;font-weight:800}.fv-kb-action{text-align:center;margin-top:45px}

@media(max-width:1100px){.fv-hero-grid,.fv-story-grid,.fv-panel-grid,.fv-faq-grid{grid-template-columns:1fr}.fv-plan-grid{grid-template-columns:repeat(2,1fr)}.fv-hero-art{order:-1;height:390px}.fv-hero-points{grid-template-columns:repeat(2,max-content)}.fv-panel-intro{align-items:flex-start}.fv-kb-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.fv-shell{width:calc(100% - 28px)}.fv-hero-grid{padding-top:32px}.fv-hero-copy h1{font-size:53px}.fv-hero-points{grid-template-columns:1fr;gap:12px}.fv-plan-grid,.fv-kb-grid{grid-template-columns:1fr}.fv-plan{min-height:480px}.fv-story{padding:75px 0}.fv-story-copy h2{font-size:31px}.fv-media{min-height:340px}.fv-panel-intro{display:block}.fv-panel-cta{margin-top:25px}.fv-dashboard{height:360px;grid-template-columns:90px 1fr}.fv-dashboard aside{padding:15px 10px}.fv-faq-grid h2{font-size:40px}.fv-hero-art{height:320px;transform:scale(.85);transform-origin:center}.fv-character.c1{left:15px}.fv-character.c2{left:115px}.fv-character.c3{left:215px}.fv-portrait.p1{right:50px}.fv-portrait.p2{right:-20px}}


/* =========================================================
   FIVE M PAGE V3 — REAL IMAGE ASSETS
   ========================================================= */

.fv-real-hero-art{
  display:flex;
  align-items:center;
  justify-content:center;
  height:520px;
  padding:8px 0;
}
.fv-real-hero-art img{
  display:block;
  width:min(100%,610px);
  max-height:510px;
  object-fit:contain;
  object-position:center;
  border-radius:24px;
  filter:drop-shadow(0 28px 55px rgba(0,0,0,.36));
}

.fv-real-media{
  min-height:0;
  height:auto;
  display:flex;
  align-items:center;
  justify-content:center;
}
.fv-real-media img{
  display:block;
  width:100%;
  height:auto;
  max-height:500px;
  object-fit:cover;
  border-radius:16px;
  box-shadow:0 25px 65px rgba(0,0,0,.30);
}

.fv-story-a .fv-real-media img{
  max-width:620px;
  aspect-ratio:447 / 362;
  object-fit:cover;
}

.fv-gallery-image img{
  max-width:650px;
  aspect-ratio:447 / 362;
  object-fit:cover;
}

.fv-friends-image img{
  max-width:620px;
  aspect-ratio:500 / 362;
  object-fit:cover;
}

/* Subtle polish so the supplied artwork feels integrated */
.fv-real-media,
.fv-real-hero-art{
  position:relative;
}
.fv-real-media:before,
.fv-real-hero-art:before{
  content:"";
  position:absolute;
  inset:-18px;
  z-index:-1;
  border-radius:32px;
  background:radial-gradient(circle at 50% 50%,rgba(25,131,255,.11),transparent 65%);
  filter:blur(18px);
}

@media(max-width:1100px){
  .fv-real-hero-art{
    order:-1;
    height:auto;
    min-height:350px;
  }
  .fv-real-hero-art img{
    max-height:430px;
  }
  .fv-real-media img{
    max-height:none;
  }
}

@media(max-width:700px){
  .fv-real-hero-art{
    min-height:260px;
    transform:none;
  }
  .fv-real-hero-art img{
    width:100%;
    max-height:330px;
  }
  .fv-real-media img{
    border-radius:12px;
  }
}


/* =========================================================
   FIVE M PRICING CARD FIX
   Prevents feature rows from running behind order buttons.
   ========================================================= */

.fv-plan-grid{
  align-items:stretch;
}

.fv-plan{
  min-height:540px;
  height:100%;
  display:flex;
  flex-direction:column;
  padding:31px 28px 24px;
}

.fv-plan>p{
  min-height:62px;
}

.fv-price{
  flex:0 0 auto;
}

.fv-plan ul{
  flex:0 0 auto;
  margin:0 0 22px;
}

.fv-plan>a{
  position:static;
  left:auto;
  right:auto;
  bottom:auto;
  width:100%;
  min-height:46px;
  margin-top:auto;
  flex:0 0 46px;
  display:flex;
  align-items:center;
  justify-content:center;
}

@media(max-width:700px){
  .fv-plan{
    min-height:0;
  }
}


/* =========================================================
   FIVE M PRICING HOVER EFFECTS
   Glow + lift + featured-card emphasis
   ========================================================= */

.fv-plan{
  position:relative;
  overflow:visible;
  transform:translateY(0) scale(1);
  transition:
    transform .28s cubic-bezier(.2,.8,.2,1),
    border-color .28s ease,
    box-shadow .28s ease,
    background .28s ease;
  will-change:transform;
}

.fv-plan::before{
  content:"";
  position:absolute;
  inset:-1px;
  border-radius:inherit;
  pointer-events:none;
  opacity:0;
  background:linear-gradient(
    135deg,
    rgba(62,193,243,.95),
    rgba(0,143,254,.45) 40%,
    rgba(62,193,243,.08) 68%,
    rgba(0,143,254,.7)
  );
  filter:blur(14px);
  z-index:-2;
  transition:opacity .28s ease;
}

.fv-plan::after{
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  pointer-events:none;
  opacity:0;
  background:radial-gradient(
    circle at 50% 0%,
    rgba(62,193,243,.16),
    transparent 58%
  );
  z-index:-1;
  transition:opacity .28s ease;
}

.fv-plan:hover{
  transform:translateY(-14px) scale(1.025);
  border-color:#3ec1f3;
  background:linear-gradient(
    180deg,
    rgba(28,37,76,.98),
    rgba(17,20,49,.98)
  );
  box-shadow:
    0 28px 70px rgba(0,0,0,.42),
    0 0 0 1px rgba(62,193,243,.25),
    0 0 34px rgba(0,143,254,.28),
    0 0 70px rgba(62,193,243,.10);
  z-index:10;
}

.fv-plan:hover::before{
  opacity:.42;
}

.fv-plan:hover::after{
  opacity:1;
}

/* Make the price and title react slightly too */
.fv-plan h3,
.fv-plan .fv-price,
.fv-plan .fv-plan-kicker{
  transition:
    transform .28s ease,
    color .28s ease,
    text-shadow .28s ease;
}

.fv-plan:hover h3{
  transform:translateY(-2px);
  color:#fff;
}

.fv-plan:hover .fv-price{
  transform:scale(1.035);
  transform-origin:left center;
  text-shadow:0 0 18px rgba(62,193,243,.24);
}

.fv-plan:hover .fv-plan-kicker{
  color:#3ec1f3;
  text-shadow:0 0 12px rgba(62,193,243,.32);
}

/* Button hover inside the lifted card */
.fv-plan>a{
  transition:
    transform .22s ease,
    background .22s ease,
    border-color .22s ease,
    box-shadow .22s ease,
    color .22s ease;
}

.fv-plan:hover>a{
  border-color:#3ec1f3;
}

.fv-plan>a:hover{
  transform:translateY(-2px);
  background:linear-gradient(135deg,#3ec1f3,#008ffe);
  color:#03101a;
  box-shadow:0 10px 28px rgba(0,143,254,.34);
}

/* Developer / Most Popular card gets stronger glow */
.fv-plan.featured,
.fv-plan.is-featured{
  border-color:rgba(62,193,243,.78);
}

.fv-plan.featured:hover,
.fv-plan.is-featured:hover{
  transform:translateY(-18px) scale(1.035);
  box-shadow:
    0 34px 84px rgba(0,0,0,.46),
    0 0 0 1px rgba(62,193,243,.45),
    0 0 42px rgba(0,143,254,.40),
    0 0 90px rgba(62,193,243,.14);
}

/* Reduced motion / touch devices */
@media (hover:none), (pointer:coarse){
  .fv-plan:hover,
  .fv-plan.featured:hover,
  .fv-plan.is-featured:hover{
    transform:none;
  }
}

@media (prefers-reduced-motion:reduce){
  .fv-plan,
  .fv-plan::before,
  .fv-plan::after,
  .fv-plan h3,
  .fv-plan .fv-price,
  .fv-plan .fv-plan-kicker,
  .fv-plan>a{
    transition:none!important;
  }
  .fv-plan:hover,
  .fv-plan.featured:hover,
  .fv-plan.is-featured:hover{
    transform:none!important;
  }
}