/* GraphMyTrade / Sales v5 — product-first, quiet, high-end. */
:root {
  --v5-ink: #292427;
  --v5-rose: #84385e;
  --v5-blush: #f2e9ee;
  --v5-border: #e6e1e1;
  --v5-ease: cubic-bezier(.22, 1, .36, 1);
}
html { scroll-behavior:smooth; }
body.v4-body { background:#f8f7f6; font-family: Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif; }
.v4-wrap { max-width:1392px; width:calc(100% - 104px); }
.v4-header { background:rgba(251,249,249,.92); border-bottom:1px solid #eae4e8; }
.nav-row { height:76px; }
.v4-brand { gap:10px; font-size:20px; letter-spacing:-.055em; font-weight:750; }
.v4-brand img { width:38px!important; height:38px!important; object-fit:contain; border-radius:7px; }
.v4-nav { gap:34px; }
.v4-nav a { font-size:13px; font-weight:550; color:#7d7378; }
.v4-button { border-radius:12px; }
.v4-button-dark { background:#36292f; box-shadow:0 8px 18px -15px #281d2580; }
.v4-button-dark:hover { background:#84385e; box-shadow:0 17px 28px -19px #84385e99; }

/* Headline and actual product are intentionally visible in the first viewport. */
.v5-hero {
  position:relative; isolation:isolate; overflow:hidden;
  padding:55px 0 50px;
  background:
    radial-gradient(ellipse 45% 80% at 83% 49%,rgba(237,214,227,.7),transparent 73%),
    radial-gradient(ellipse 34% 62% at 15% 70%,rgba(250,232,240,.8),transparent 82%),
    linear-gradient(130deg,#fcfafb 7%,#f8f5f7 62%,#f6f1f4 100%);
}
.v5-hero:before {display:none}
.v5-hero:after {
  content:"";position:absolute;inset:0;pointer-events:none;z-index:-1;
  background-image:radial-gradient(#96778626 .7px,transparent .8px);
  background-size:25px 25px;mask-image:linear-gradient(110deg,transparent 10%,#0008 95%);
  opacity:.27;
}
.v5-hero-grid {
  display:grid;grid-template-columns:minmax(360px,.82fr) minmax(0,1.3fr);
  align-items:center;gap:clamp(34px,5vw,82px);
  min-height:min(630px,calc(100svh - 140px));
}
.v5-hero-copy {
  text-align:left;max-width:560px;position:relative;z-index:3;
  padding-top:5px;
}
.v5-eyebrow {display:flex;align-items:center;gap:12px;color:#795d6b;
  font-weight:760;font-size:10px;letter-spacing:.135em;line-height:1.5;}
.v5-mini-spark {height:8px;width:8px;border-radius:50%;background:#985574;box-shadow:0 0 0 5px #eddce5;}
.v5-hero h1 {
  margin:23px 0 23px;
  color:#2c272b;
  font-size:clamp(43px,4.35vw,69px);
  font-weight:700;letter-spacing:-.078em;line-height:1.075;
  max-width:520px;
}
.v5-hero h1 em {font-style:normal;color:#893c61;display:inline-block;}
.v5-hero-sub {max-width:490px!important;margin:0!important;color:#736c72!important;font-size:16px!important;line-height:1.82!important;text-wrap:pretty;}
.v5-hero-ctas {display:flex;align-items:center;flex-wrap:wrap;gap:20px;margin-top:30px;}
.v5-primary {min-height:54px;padding:15px 22px;gap:23px; font-size:13px;}
.v5-quiet-link {font-size:13px;color:#655963!important;font-weight:650;
   display:flex;align-items:center;gap:9px;min-height:50px;transition:color .2s,transform .2s;}
.v5-quiet-link:hover {color:#84385e!important;transform:translateX(3px)}
.v5-proof-row {display:flex;flex-wrap:wrap;gap:14px 20px;margin-top:30px;padding-top:22px;border-top:1px solid #e9dfe5;color:#7d7179;font-size:12px;}
.v5-proof-row span {display:inline-flex;align-items:center;gap:6px}
.v5-proof-row svg {height:16px;width:16px;fill:none;stroke:#8b4669;stroke-width:2.2;stroke-linejoin:round;stroke-linecap:round}
.v5-micro-detail {display:flex;align-items:center;flex-wrap:wrap;gap:11px;margin-top:21px;font-size:11px;color:#a08f9a;}
.v5-tiny-pill {border:1px solid #e7d2de;background:#f2e5ed;border-radius:8px;padding:5px 9px;color:#8b5673;font-weight:650;}
.v5-showcase {position:relative;min-width:0;padding:50px 0 48px 2px;}
.v5-glow {pointer-events:none;position:absolute;z-index:-1;inset:2% 0 0 -5%;filter:blur(44px);
 background:radial-gradient(ellipse at 48% 55%,rgba(150,76,114,.18),transparent 68%);}
.v5-showcase .v4-product {
  margin:0;max-width:none;position:relative;z-index:1;
  border:1px solid #c9bbbf;
  padding:8px;
  background:#393039;
  border-radius:18px;
  transform:perspective(1500px) rotateY(-4deg) rotateX(1deg);
  box-shadow:0 43px 72px -39px #3a243b66,0 19px 40px -23px #39293566;
  transition:transform .75s var(--v5-ease),box-shadow .75s ease;
}
.v5-showcase .v4-product:hover {transform:perspective(1500px) rotateY(0deg) translateY(-5px);
   box-shadow:0 56px 95px -48px #38203688,0 30px 44px -30px #38203688;}
.v5-showcase .v4-window-head{min-height:30px;padding:5px 13px 10px;color:#e9dfe4;letter-spacing:.04em;}
.v5-showcase .v4-product img {display:block;width:100%;aspect-ratio:1910/983;height:auto;object-fit:cover;border-radius:8px;}
.v5-float-card {display:flex;align-items:center;gap:11px;position:absolute;z-index:2;
  min-height:64px;background:#fffcfded;border:1px solid #ebe1e8;
  border-radius:14px;box-shadow:0 15px 35px -20px #51334650;
  padding:12px 16px;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);
  animation:v5drift 7s ease-in-out infinite;
}
.v5-float-top{right:-22px;top:6px;}
.v5-float-bottom{left:-35px;bottom:10px;animation-delay:-3s}
.v5-float-card b{font-size:12px;font-weight:740;color:#342a31;display:block;letter-spacing:-.01em;line-height:1.3;}
.v5-float-card small{font-size:10px;color:#93838f;display:block;margin-top:2px;}
.v5-card-ico,.v5-dot-icon{display:grid;place-items:center;width:37px;height:37px;border-radius:11px;background:#f1e4eb;color:#8b3b63;font-size:21px}
.v5-small-arrow{margin-left:9px;color:#a0748e;font-size:17px}
.v5-img-caption {position:absolute;right:8px;bottom:10px;font-size:10px;color:#a2979e;letter-spacing:.01em;}
@keyframes v5drift {0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
.v4-rail{background:#fff;border-color:#eee9ed;}
.v4-rail-inner {min-height:65px;justify-content:center;gap:clamp(25px,4vw,70px);}
.v4-rail-inner span {color:#8f7886;}

/* More editorial rhythm, fewer unnecessary giant headings. */
.v4-section {padding-top:90px;padding-bottom:90px;}
.v4-features{background:#fff;}
.v4-section-title h2,.v4-story-title h2,.v4-review-grid h2,.v4-price-copy h2,.v4-faq h2 {
 font-size:clamp(34px,3.3vw,48px);letter-spacing:-.055em;line-height:1.14;
}
.v4-section-title h2 span{color:#984f74;}
.v4-feature{border-radius:23px;min-height:325px;padding:31px 32px;}
.v4-feature h3{font-size:clamp(22px,2.1vw,29px);letter-spacing:-.035em;}
.v4-feature p{font-size:13px;max-width:335px}
.v4-story-title h2{max-width:470px}
.v4-price-copy h2 span{color:#995477}
.v4-last{padding:69px 20px 74px}
.v4-last h2{font-size:clamp(31px,3vw,43px)}
.v4-footer .v4-brand img{width:34px;height:34px;padding:2px;}
.v4-reveal{transition-duration:.8s;transition-timing-function:var(--v5-ease)}
/* Show hero immediately: never let JS/observer blank the main selling content. */
.v5-hero .v4-reveal {opacity:1;transform:none}
@media (max-width:1120px){
 .v4-wrap{width:calc(100% - 64px)}
 .v5-hero-grid{grid-template-columns:minmax(325px,.85fr) minmax(0,1.15fr);gap:35px;min-height:570px}
 .v5-hero h1{font-size:clamp(44px,4.6vw,58px)}
 .v5-float-top{right:-9px}
 .v5-float-bottom{left:-10px}
 .v5-float-card{padding:10px 11px;min-height:56px}
}
@media (max-width:790px){
 .v5-hero{padding:50px 0 25px}
 .v5-hero-grid{grid-template-columns:1fr;gap:13px;min-height:0}
 .v5-hero-copy{max-width:640px}
 .v5-hero h1{font-size:clamp(43px,7vw,61px);margin:18px 0 18px}
 .v5-hero-sub{font-size:14px!important;line-height:1.7!important}
 .v5-showcase{padding:25px 10px 35px}
 .v5-float-top{right:-8px;top:-12px}
 .v5-float-bottom{bottom:0;left:-12px}
 .v5-img-caption{bottom:0}
}
@media (max-width:740px){
 .v4-wrap {width:calc(100% - 38px);}
 .v4-hero{padding-top:46px}
 .v5-hero h1{font-size:clamp(41px,9.5vw,58px);letter-spacing:-.077em}
 .v5-hero-ctas{gap:10px 15px;margin-top:23px}
 .v5-primary{min-height:49px}
 .v5-proof-row{margin-top:22px;padding-top:17px;font-size:11px}
 .v5-micro-detail{font-size:10px;margin-top:17px}
 .v5-showcase{padding:20px 5px 28px}
 .v5-showcase .v4-product{transform:none}
 .v5-showcase .v4-product:hover{transform:none}
 .v5-float-card{min-height:44px;border-radius:10px;padding:7px 9px;gap:7px}
 .v5-float-card b{font-size:9px}
 .v5-float-card small{font-size:8px}
 .v5-card-ico,.v5-dot-icon{width:27px;height:27px;border-radius:7px;font-size:15px}
 .v5-float-top{right:-4px;top:-5px}
 .v5-float-bottom{left:-4px;bottom:0}
 .v5-img-caption{font-size:8px;bottom:-15px}
 .v4-section{padding-top:70px;padding-bottom:70px}
 .v4-section-title h2,.v4-story-title h2,.v4-review-grid h2,.v4-price-copy h2,.v4-faq h2 {font-size:clamp(33px,7vw,44px)}
 .v4-rail-inner{gap:10px 18px}
}
@media(max-width:400px){
 .v5-hero h1{font-size:41px}
 .v5-eyebrow{font-size:9px}
 .v5-hero-ctas{gap:8px}
 .v5-quiet-link{font-size:12px}
 .v5-micro-detail{display:none}
 .v5-float-top{display:none}
}
@media(prefers-reduced-motion:reduce){
 html{scroll-behavior:auto!important}
 .v5-float-card{animation:none}
 .v5-showcase .v4-product{transform:none;transition:none}
 .v5-quiet-link{transition:none}
}

/* First-screen mobile polish */
@media(max-width:740px){
 .v5-hero{padding-top:28px}
 .v5-hero-ctas{gap:12px}
 .v5-quiet-link{min-height:45px}
 .v5-proof-row{margin-top:18px}
 .v5-showcase{padding-top:15px}
}
@media(max-width:400px){.v5-hero-ctas .v5-primary{min-width:184px}.v5-quiet-link{font-size:11px}}