/* Premium Mockup V60 — final interaction + consistency pass */

/*
   GLOBAL STICKY HEADER FIX
   The legacy styles set overflow-x:hidden on html/body. That can create a
   scrolling ancestor and make position:sticky unreliable on non-home pages.
   `clip` keeps horizontal overflow contained without creating that sticky-breaking
   scroll container in current browsers.
*/
html,body,.fv-public-body{
  overflow-x:clip!important;
}
.fv-site-header{
  position:-webkit-sticky!important;
  position:sticky!important;
  top:0!important;
  z-index:2500!important;
  width:100%!important;
  background:rgba(255,255,255,.985)!important;
  box-shadow:0 1px 0 rgba(15,31,58,.07),0 8px 24px rgba(15,31,58,.045)!important;
  backdrop-filter:saturate(150%) blur(10px);
}
.pm-user-topbar{
  position:-webkit-sticky!important;
  position:sticky!important;
  top:0!important;
  z-index:2500!important;
}
.fv-admin-topbar{
  position:sticky!important;
  top:0!important;
  z-index:2200!important;
}
.fv-site-main,.fv-footer{overflow-x:clip}

/* Consistent active state for the primary navigation. */
.fv-nav-actions>a.pm-top-active{
  color:#1557c8!important;
  position:relative;
}
.fv-nav-actions>a.pm-top-active:after{
  content:"";
  position:absolute;
  left:0;right:0;bottom:-12px;
  height:2px;border-radius:2px;background:#2563eb;
}

/* FREE SAMPLE — full professional landing page */
.pm-v60-sample-page{background:#fff;color:#14213a}
.pm-v60-sample-hero{position:relative;overflow:hidden;padding:76px 24px 64px;background:radial-gradient(circle at 78% 18%,rgba(71,116,255,.10),transparent 27%),linear-gradient(180deg,#fff 0%,#f7faff 100%);border-bottom:1px solid #e8edf4}
.pm-v60-sample-hero:before{content:"";position:absolute;left:-160px;top:-210px;width:430px;height:430px;border-radius:50%;background:rgba(37,99,235,.045)}
.pm-v60-sample-shell{position:relative;z-index:1;width:min(1180px,100%);margin:0 auto;display:grid;grid-template-columns:minmax(0,1.02fr) minmax(390px,.98fr);gap:64px;align-items:center}
.pm-v60-sample-copy{max-width:650px}
.pm-v60-kicker{display:inline-flex;align-items:center;gap:9px;color:#45607f;font-size:10px;font-weight:900;letter-spacing:.16em}
.pm-v60-kicker i{width:9px;height:9px;border:3px solid #bfd3ff;border-radius:50%;background:#2563eb;box-shadow:0 0 0 5px rgba(37,99,235,.07)}
.pm-v60-sample-copy h1{margin:20px 0 16px;color:#10192b;font-size:56px;line-height:1.02;letter-spacing:-.052em}
.pm-v60-sample-copy>p{max-width:630px;margin:0;color:#687a94;font-size:15.5px;line-height:1.75}
.pm-v60-sample-trust{display:flex;flex-wrap:wrap;gap:9px;margin-top:25px}
.pm-v60-sample-trust span{padding:9px 12px;border:1px solid #dce6f3;border-radius:999px;background:#fff;color:#3f5877;font-size:10px;font-weight:850;box-shadow:0 5px 18px rgba(25,48,80,.035)}
.pm-v60-sample-note{max-width:590px;margin-top:28px;padding:17px 18px;border-left:3px solid #2563eb;border-radius:0 12px 12px 0;background:rgba(238,244,255,.72)}
.pm-v60-sample-note strong{display:block;color:#1f3553;font-size:11.5px}
.pm-v60-sample-note p{margin:5px 0 0;color:#708099;font-size:10.5px;line-height:1.6}
.pm-v60-sample-preview{position:relative;padding:22px;border:1px solid #dce5f1;border-radius:24px;background:#fff;box-shadow:0 28px 70px rgba(26,52,87,.13)}
.pm-v60-preview-top,.pm-v60-preview-foot{display:flex;align-items:center;justify-content:space-between;gap:15px}
.pm-v60-preview-top{padding:2px 2px 17px;border-bottom:1px solid #edf1f6}
.pm-v60-preview-top span{color:#2563eb;font-size:9px;font-weight:900;letter-spacing:.13em}.pm-v60-preview-top b{color:#8996a8;font-size:8px;letter-spacing:.1em}
.pm-v60-preview-stage{height:315px;position:relative;display:grid;place-items:center;overflow:hidden;margin:19px 0;border-radius:17px;background:linear-gradient(145deg,#eef4ff,#f8f5ff)}
.pm-v60-preview-card{position:absolute;width:61%;aspect-ratio:16/10;padding:20px;border:1px solid rgba(255,255,255,.85);border-radius:14px;background:#fff;box-shadow:0 18px 35px rgba(31,55,91,.13);overflow:hidden}
.pm-v60-preview-card small{display:block;color:#7d8ba0;font-size:7px;font-weight:900;letter-spacing:.15em}
.pm-v60-preview-a{left:8%;top:55px;transform:rotate(-8deg);z-index:1}.pm-v60-preview-a strong{display:block;margin-top:24px;color:#2563eb;font-size:34px}.pm-v60-preview-a i{display:inline-block;width:45px;height:7px;margin:13px 6px 0 0;border-radius:8px;background:#dce8ff}.pm-v60-preview-a i:nth-of-type(2){width:70px;background:#dff4eb}.pm-v60-preview-a i:nth-of-type(3){width:53px;background:#eee5ff}
.pm-v60-preview-b{right:7%;top:32px;transform:rotate(7deg);z-index:2}.pm-v60-preview-b span{position:relative;display:block;height:7px;margin-top:23px;border-radius:10px;background:#e7edf6}.pm-v60-preview-b span:before{content:"";position:absolute;left:18%;top:-7px;width:21px;height:21px;border:6px solid #2563eb;border-radius:50%;background:#fff}.pm-v60-preview-b span:nth-of-type(2):before{left:44%;border-color:#7b61df}.pm-v60-preview-b span:nth-of-type(3):before{left:68%;border-color:#22a06b}
.pm-v60-preview-c{left:20%;bottom:24px;z-index:3;width:59%;transform:rotate(-1deg)}.pm-v60-preview-c>div{height:110px;display:flex;align-items:flex-end;gap:10px;margin-top:17px;padding:0 8px;border-bottom:1px solid #e7edf5}.pm-v60-preview-c i{flex:1;border-radius:6px 6px 0 0;background:#cfe0ff}.pm-v60-preview-c i:nth-child(1){height:42%}.pm-v60-preview-c i:nth-child(2){height:78%;background:#a9c8ff}.pm-v60-preview-c i:nth-child(3){height:58%;background:#d9cfff}.pm-v60-preview-c i:nth-child(4){height:92%;background:#7da9f7}
.pm-v60-preview-foot{padding:2px}.pm-v60-preview-foot span{color:#77869b;font-size:9px}.pm-v60-preview-foot b{margin-right:5px;color:#263a58;font-size:9px}

.pm-v60-sample-access{padding:72px 24px 84px;background:#fff}
.pm-v60-sample-access-grid{width:min(1180px,100%);margin:0 auto;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(330px,.92fr);gap:28px;align-items:stretch}
.pm-v60-sample-form-card{padding:38px 40px;border:1px solid #e0e7f0;border-radius:23px;background:#fff;box-shadow:0 18px 52px rgba(25,49,82,.075)}
.pm-v60-form-head>span,.pm-v60-includes-kicker{color:#2563eb;font-size:9.5px;font-weight:900;letter-spacing:.14em}.pm-v60-form-head h2{margin:9px 0 7px;color:#111c30;font-size:34px;line-height:1.1;letter-spacing:-.04em}.pm-v60-form-head p{margin:0;color:#738198;font-size:12px;line-height:1.65}
.pm-v60-form-error{margin:20px 0 0;padding:12px 14px;border:1px solid #f3cccc;border-radius:10px;background:#fff5f5;color:#a03f3f;font-size:10.5px;font-weight:700}
.pm-v60-sample-form{display:grid;gap:17px;margin-top:25px}.pm-v60-field-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.pm-v60-sample-form label{display:grid;gap:7px}.pm-v60-sample-form label>span{color:#344760;font-size:10.5px;font-weight:850}.pm-v60-sample-form input[type=text],.pm-v60-sample-form input[type=email],.pm-v60-sample-form input:not([type]){height:50px;width:100%;padding:0 13px;border:1px solid #d9e2ee;border-radius:11px;background:#fff;color:#172238;font:inherit;font-size:12px;outline:none}.pm-v60-sample-form input:focus{border-color:#74a3eb;box-shadow:0 0 0 4px rgba(37,99,235,.07)}
.pm-v60-optin{display:flex!important;grid-template-columns:auto 1fr!important;align-items:flex-start!important;gap:9px!important;padding:2px 0}.pm-v60-optin input{width:15px!important;height:15px!important;margin:1px 0 0}.pm-v60-optin span{color:#6f7f94!important;font-size:9.8px!important;font-weight:600!important;line-height:1.55}
.pm-v60-sample-submit{min-height:51px;display:flex;align-items:center;justify-content:center;gap:10px;border:0;border-radius:11px;background:#2563eb;color:#fff;font:inherit;font-size:11px;font-weight:900;cursor:pointer;box-shadow:0 11px 25px rgba(37,99,235,.19);transition:.18s}.pm-v60-sample-submit:hover{background:#1d56cf;transform:translateY(-1px)}.pm-v60-sample-submit span{font-size:15px}.pm-v60-privacy-note{margin:0!important;color:#929dad!important;font-size:8.8px!important;line-height:1.55!important;text-align:center}.pm-v60-privacy-note a{color:#2563eb!important;font-weight:800}
.pm-v60-sample-includes{padding:36px;border-radius:23px;background:linear-gradient(145deg,#10213e,#153363);color:#fff;box-shadow:0 20px 52px rgba(18,43,78,.16)}.pm-v60-includes-kicker{color:#95b9ff}.pm-v60-sample-includes>h2{margin:10px 0 25px;color:#fff;font-size:30px;line-height:1.12;letter-spacing:-.035em}.pm-v60-includes-list{display:grid;gap:10px}.pm-v60-includes-list article{display:grid;grid-template-columns:42px 1fr;gap:13px;padding:15px;border:1px solid rgba(255,255,255,.10);border-radius:13px;background:rgba(255,255,255,.055)}.pm-v60-includes-list article>i{width:42px;height:42px;display:grid;place-items:center;border-radius:11px;background:rgba(126,170,255,.15);color:#a9c7ff;font-style:normal;font-size:9px;font-weight:900}.pm-v60-includes-list b{display:block;color:#fff;font-size:11.5px}.pm-v60-includes-list p{margin:4px 0 0;color:#b8c8dc;font-size:9.6px;line-height:1.55}.pm-v60-sample-upgrade{margin-top:22px;padding-top:20px;border-top:1px solid rgba(255,255,255,.12)}.pm-v60-sample-upgrade>span{display:block;color:#91b4ef;font-size:8px;font-weight:900;letter-spacing:.12em}.pm-v60-sample-upgrade>b{display:block;margin:6px 0 11px;color:#fff;font-size:12px}.pm-v60-sample-upgrade a{color:#b5ceff!important;font-size:10px;font-weight:900}

/* Reviews: a deliberate, transparent empty state rather than a blank scorecard. */
.pm-v60-review-empty{grid-column:1/-1;padding:42px 34px;border:1px solid #dbe4f0;border-radius:20px;background:linear-gradient(145deg,#f8fbff,#fff);text-align:center;box-shadow:0 12px 38px rgba(25,49,82,.05)}.pm-v60-review-empty>span{color:#2563eb;font-size:9px;font-weight:900;letter-spacing:.14em}.pm-v60-review-empty h2{max-width:650px;margin:10px auto 9px;color:#172238;font-size:24px;letter-spacing:-.03em}.pm-v60-review-empty p{max-width:690px;margin:0 auto;color:#75839a;font-size:11px;line-height:1.7}.pm-v60-review-empty>div{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin-top:20px}.pm-v60-review-empty a{padding:10px 14px;border:1px solid #d6e1ef;border-radius:9px;background:#fff;color:#23456f;font-size:9.5px;font-weight:900}.pm-v60-review-empty a:last-child{border-color:#2563eb;background:#2563eb;color:#fff}

@media(max-width:920px){
  .pm-v60-sample-hero{padding:58px 20px 52px}.pm-v60-sample-shell{grid-template-columns:1fr;gap:36px}.pm-v60-sample-copy{max-width:760px}.pm-v60-sample-copy h1{font-size:48px}.pm-v60-sample-preview{max-width:650px;width:100%}.pm-v60-sample-access-grid{grid-template-columns:1fr}.pm-v60-sample-includes{max-width:none}
}
@media(max-width:620px){
  .fv-nav-actions>a.pm-top-active:after{display:none}
  .pm-v60-sample-hero{padding:46px 15px 38px}.pm-v60-sample-copy h1{font-size:38px}.pm-v60-sample-copy>p{font-size:13.5px}.pm-v60-sample-trust{gap:7px}.pm-v60-sample-trust span{padding:8px 10px;font-size:9px}.pm-v60-preview-stage{height:250px}.pm-v60-preview-card{padding:15px}.pm-v60-preview-a{top:47px}.pm-v60-preview-c>div{height:80px}.pm-v60-sample-access{padding:46px 14px 60px}.pm-v60-sample-form-card,.pm-v60-sample-includes{padding:25px 18px;border-radius:18px}.pm-v60-form-head h2{font-size:29px}.pm-v60-field-row{grid-template-columns:1fr}.pm-v60-sample-includes>h2{font-size:26px}
}