/* Easy Papermaker homepage redesign — 2026-08-06 */
.pm-home-redesign {
    --hm-ink: #0b1530;
    --hm-text: #52637d;
    --hm-blue: #2563eb;
    --hm-blue-2: #3f51f3;
    --hm-cyan: #10b9d5;
    --hm-teal: #12bfa7;
    --hm-green: #16a34a;
    --hm-line: #dbe5f1;
    --hm-soft: #f5f8fd;
    --hm-card: rgba(255, 255, 255, .94);
    --hm-shadow: 0 24px 70px rgba(28, 53, 97, .14);
    background: #f7faff;
    color: var(--hm-ink);
    overflow: hidden;
}

.pm-home-redesign * { box-sizing: border-box; }
.pm-home-redesign h1,
.pm-home-redesign h2,
.pm-home-redesign h3,
.pm-home-redesign p { margin-top: 0; }
.pm-home-redesign .hm-container { width: min(1220px, calc(100% - 32px)); margin-inline: auto; }
.pm-home-redesign .hm-section { padding: 92px 0; position: relative; }
.pm-home-redesign .hm-section-head { max-width: 780px; margin: 0 auto 42px; text-align: center; }
.pm-home-redesign .hm-section-head h2 { margin: 18px 0 14px; font-size: clamp(34px, 4.3vw, 58px); line-height: 1.06; letter-spacing: -.045em; font-weight: 900; }
.pm-home-redesign .hm-section-head p { color: var(--hm-text); font-size: 17px; line-height: 1.75; margin: 0; }
.pm-home-redesign .hm-eyebrow { display: inline-flex; align-items: center; gap: 9px; padding: 9px 14px; border: 1px solid #dbe7fa; border-radius: 999px; background: #edf4ff; color: var(--hm-blue); font-size: 12px; font-weight: 900; letter-spacing: .02em; }
.pm-home-redesign .hm-btn { display: inline-flex; align-items: center; justify-content: center; gap: 10px; min-height: 52px; padding: 0 21px; border: 1px solid transparent; border-radius: 15px; font-weight: 900; text-decoration: none; transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease; }
.pm-home-redesign .hm-btn:hover { transform: translateY(-3px); }
.pm-home-redesign .hm-btn-primary { color: #fff; background: linear-gradient(135deg, var(--hm-blue), var(--hm-blue-2)); box-shadow: 0 14px 30px rgba(37, 99, 235, .28); }
.pm-home-redesign .hm-btn-light { color: var(--hm-blue); background: #fff; border-color: var(--hm-line); box-shadow: 0 12px 25px rgba(35, 56, 94, .08); }
.pm-home-redesign .hm-btn-dark { color: #fff; background: #0b1834; box-shadow: 0 14px 30px rgba(7, 20, 43, .26); }
.pm-home-redesign .hm-reveal { opacity: 0; transform: translateY(26px); transition: opacity .65s ease, transform .65s ease; }
.pm-home-redesign .hm-reveal.is-visible { opacity: 1; transform: none; }

/* Hero */
.pm-home-redesign .hm-hero { position: relative; padding: 70px 0 54px; background:
    linear-gradient(rgba(76, 107, 160, .07) 1px, transparent 1px),
    linear-gradient(90deg, rgba(76, 107, 160, .07) 1px, transparent 1px),
    radial-gradient(circle at 92% 12%, rgba(16, 185, 213, .19), transparent 32%),
    radial-gradient(circle at 8% 12%, rgba(63, 81, 243, .13), transparent 29%),
    #f8fbff;
    background-size: 48px 48px, 48px 48px, auto, auto, auto;
}
.pm-home-redesign .hm-hero::after { content: ""; position: absolute; left: 0; right: 0; bottom: -1px; height: 90px; background: linear-gradient(to bottom, transparent, #f7faff); pointer-events: none; }
.pm-home-redesign .hm-hero-grid { position: relative; z-index: 2; display: grid; grid-template-columns: minmax(0, .95fr) minmax(480px, 1.05fr); gap: 58px; align-items: center; }
.pm-home-redesign .hm-hero-copy { padding: 26px 0; }
.pm-home-redesign .hm-hero-title { margin: 22px 0 24px; max-width: 720px; font-size: clamp(52px, 6.3vw, 88px); line-height: .98; letter-spacing: -.072em; font-weight: 950; }
.pm-home-redesign .hm-hero-title span { display: inline; color: transparent; background: linear-gradient(100deg, #169ce8, #0bbba7); -webkit-background-clip: text; background-clip: text; }
.pm-home-redesign .hm-hero-copy > p { max-width: 720px; color: var(--hm-text); font-size: 18px; line-height: 1.8; margin-bottom: 28px; }
.pm-home-redesign .hm-hero-actions { display: flex; flex-wrap: wrap; gap: 13px; }
.pm-home-redesign .hm-hero-proof { display: flex; align-items: center; flex-wrap: wrap; gap: 11px 18px; margin-top: 24px; color: #50627c; font-size: 13px; font-weight: 800; }
.pm-home-redesign .hm-hero-proof span { display: inline-flex; align-items: center; gap: 7px; }
.pm-home-redesign .hm-hero-proof i { color: var(--hm-green); }
.pm-home-redesign .hm-hero-metrics { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; margin-top: 28px; }
.pm-home-redesign .hm-metric-chip { padding: 17px; border: 1px solid rgba(214, 226, 241, .95); border-radius: 17px; background: rgba(255, 255, 255, .84); box-shadow: 0 12px 28px rgba(25, 49, 89, .06); backdrop-filter: blur(12px); }
.pm-home-redesign .hm-metric-chip strong { display: block; font-size: 22px; line-height: 1; color: var(--hm-ink); }
.pm-home-redesign .hm-metric-chip span { display: block; margin-top: 7px; color: var(--hm-text); font-size: 11px; font-weight: 800; }

.pm-home-redesign .hm-product-stage { position: relative; padding: 24px; border: 1px solid rgba(200, 216, 237, .85); border-radius: 34px; background: linear-gradient(145deg, rgba(255,255,255,.84), rgba(232,242,255,.72)); box-shadow: var(--hm-shadow); }
.pm-home-redesign .hm-product-stage::before { content: ""; position: absolute; inset: 17px; border-radius: 25px; border: 1px solid rgba(255,255,255,.84); pointer-events: none; }
.pm-home-redesign .hm-browser { position: relative; overflow: hidden; border-radius: 25px; background: #fff; border: 9px solid rgba(255,255,255,.92); box-shadow: 0 26px 60px rgba(22, 43, 79, .18); }
.pm-home-redesign .hm-browser-top { height: 46px; display: flex; align-items: center; justify-content: space-between; padding: 0 16px; background: #0a1732; color: #fff; font-size: 11px; }
.pm-home-redesign .hm-browser-dots { display: flex; gap: 6px; }
.pm-home-redesign .hm-browser-dots i { width: 8px; height: 8px; border-radius: 50%; background: #fb6577; }
.pm-home-redesign .hm-browser-dots i:nth-child(2) { background: #f9c94d; }
.pm-home-redesign .hm-browser-dots i:nth-child(3) { background: #22c790; }
.pm-home-redesign .hm-dashboard-image { display: block; width: 100%; aspect-ratio: 16 / 10; object-fit: cover; object-position: center top; background: #eef4fb; }
.pm-home-redesign .hm-floating-card { position: absolute; z-index: 4; min-width: 185px; padding: 14px 16px; border: 1px solid #dce7f4; border-radius: 16px; background: rgba(255,255,255,.95); box-shadow: 0 18px 36px rgba(27, 52, 92, .16); backdrop-filter: blur(14px); animation: hmFloat 5s ease-in-out infinite; }
.pm-home-redesign .hm-floating-card strong { display: block; font-size: 13px; }
.pm-home-redesign .hm-floating-card span { display: block; margin-top: 5px; color: var(--hm-text); font-size: 11px; }
.pm-home-redesign .hm-floating-card i { color: var(--hm-blue); margin-right: 7px; }
.pm-home-redesign .hm-float-one { left: -24px; top: 18%; }
.pm-home-redesign .hm-float-two { right: -25px; bottom: 12%; animation-delay: 1.2s; }
.pm-home-redesign .hm-live-pill { position: absolute; right: 37px; top: 38px; z-index: 5; padding: 8px 11px; border-radius: 999px; background: #e6fbef; color: #09864a; font-size: 10px; font-weight: 900; box-shadow: 0 9px 20px rgba(8, 134, 74, .12); }
.pm-home-redesign .hm-live-pill i { font-size: 7px; margin-right: 5px; }

/* Board rail */
.pm-home-redesign .hm-board-rail { position: relative; z-index: 3; padding: 24px 0 28px; background: #fff; border-block: 1px solid var(--hm-line); overflow: hidden; }
.pm-home-redesign .hm-board-label { text-align: center; margin-bottom: 17px; color: #77869a; font-size: 11px; font-weight: 900; letter-spacing: .13em; text-transform: uppercase; }
.pm-home-redesign .hm-board-track { display: flex; width: max-content; animation: hmMarquee 28s linear infinite; }
.pm-home-redesign .hm-board-track:hover { animation-play-state: paused; }
.pm-home-redesign .hm-board-pill { margin: 0 7px; padding: 14px 20px; border: 1px solid var(--hm-line); border-radius: 13px; background: #f9fbff; color: #3e4f69; font-size: 13px; font-weight: 900; white-space: nowrap; }
.pm-home-redesign .hm-board-pill i { color: var(--hm-blue); margin-right: 8px; }

/* Audience */
.pm-home-redesign .hm-audience-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 17px; }
.pm-home-redesign .hm-audience-card { position: relative; min-height: 220px; padding: 26px; overflow: hidden; border: 1px solid var(--hm-line); border-radius: 24px; background: #fff; box-shadow: 0 14px 35px rgba(25, 49, 89, .06); transition: transform .28s ease, box-shadow .28s ease; }
.pm-home-redesign .hm-audience-card:hover { transform: translateY(-7px); box-shadow: var(--hm-shadow); }
.pm-home-redesign .hm-audience-card::after { content: ""; position: absolute; left: -12%; right: -12%; bottom: -52px; height: 110px; background: linear-gradient(100deg, #e9edff, #ddf7f4); transform: rotate(-6deg); }
.pm-home-redesign .hm-icon { width: 52px; height: 52px; display: grid; place-items: center; border-radius: 16px; background: #edf4ff; color: var(--hm-blue); font-size: 22px; }
.pm-home-redesign .hm-audience-card h3 { margin: 24px 0 10px; font-size: 19px; font-weight: 900; }
.pm-home-redesign .hm-audience-card p { position: relative; z-index: 2; margin: 0; color: var(--hm-text); font-size: 14px; line-height: 1.7; }

/* Workflow */
.pm-home-redesign .hm-workflow-section { background: linear-gradient(180deg, #f4f8ff, #eef5ff); }
.pm-home-redesign .hm-workflow-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 18px; }
.pm-home-redesign .hm-step { position: relative; padding: 27px; border: 1px solid var(--hm-line); border-radius: 23px; background: #fff; min-height: 235px; box-shadow: 0 12px 28px rgba(24, 48, 88, .06); }
.pm-home-redesign .hm-step:not(:last-child)::after { content: "→"; position: absolute; right: -15px; top: 46%; z-index: 3; color: var(--hm-blue); font-size: 25px; font-weight: 900; }
.pm-home-redesign .hm-step-no { width: 48px; height: 48px; display: grid; place-items: center; border-radius: 15px; color: #fff; background: linear-gradient(135deg, var(--hm-blue), #6a54f6); box-shadow: 0 11px 24px rgba(37, 99, 235, .25); font-weight: 900; }
.pm-home-redesign .hm-step h3 { margin: 24px 0 10px; font-size: 19px; font-weight: 900; }
.pm-home-redesign .hm-step p { margin: 0; color: var(--hm-text); font-size: 14px; line-height: 1.7; }

/* Features */
.pm-home-redesign .hm-feature-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 19px; }
.pm-home-redesign .hm-feature-card { position: relative; min-height: 260px; padding: 28px; overflow: hidden; border: 1px solid var(--hm-line); border-radius: 24px; background: #fff; box-shadow: 0 13px 34px rgba(25, 49, 89, .055); transition: transform .28s ease, box-shadow .28s ease; }
.pm-home-redesign .hm-feature-card:hover { transform: translateY(-7px); box-shadow: var(--hm-shadow); }
.pm-home-redesign .hm-feature-tag { position: absolute; right: 22px; top: 22px; padding: 7px 10px; border-radius: 999px; color: #3c3bb0; background: #eef0ff; font-size: 10px; font-weight: 900; }
.pm-home-redesign .hm-feature-card h3 { margin: 26px 0 11px; font-size: 19px; font-weight: 900; }
.pm-home-redesign .hm-feature-card p { margin: 0; color: var(--hm-text); font-size: 14px; line-height: 1.75; }

/* Product split */
.pm-home-redesign .hm-product-section { color: #fff; background: #08152e; overflow: hidden; }
.pm-home-redesign .hm-product-section::before { content: ""; position: absolute; width: 600px; height: 600px; right: -220px; top: -250px; border-radius: 50%; background: radial-gradient(circle, rgba(50, 102, 255, .38), transparent 66%); }
.pm-home-redesign .hm-product-grid { position: relative; display: grid; grid-template-columns: 1.05fr .95fr; gap: 52px; align-items: center; }
.pm-home-redesign .hm-product-media { position: relative; }
.pm-home-redesign .hm-product-media img { display: block; width: 100%; border-radius: 28px; border: 8px solid rgba(255,255,255,.10); box-shadow: 0 35px 80px rgba(0,0,0,.36); }
.pm-home-redesign .hm-product-copy h2 { margin: 18px 0 18px; font-size: clamp(36px, 4.4vw, 62px); line-height: 1.05; letter-spacing: -.05em; font-weight: 900; }
.pm-home-redesign .hm-product-copy > p { color: #b8c5db; font-size: 16px; line-height: 1.8; }
.pm-home-redesign .hm-product-list { display: grid; gap: 13px; margin: 27px 0 30px; }
.pm-home-redesign .hm-product-list div { display: flex; gap: 13px; padding: 15px 16px; border: 1px solid rgba(255,255,255,.11); border-radius: 15px; background: rgba(255,255,255,.055); }
.pm-home-redesign .hm-product-list i { width: 28px; height: 28px; min-width: 28px; display: grid; place-items: center; border-radius: 50%; color: #07152f; background: #8df5df; }
.pm-home-redesign .hm-product-list strong { display: block; margin-bottom: 4px; }
.pm-home-redesign .hm-product-list span { display: block; color: #aebdd2; font-size: 13px; line-height: 1.55; }

/* Outcomes */
.pm-home-redesign .hm-outcome-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 23px; }
.pm-home-redesign .hm-outcome-card { padding: 30px; border: 1px solid var(--hm-line); border-radius: 25px; background: #fff; box-shadow: 0 13px 34px rgba(25, 49, 89, .06); }
.pm-home-redesign .hm-outcome-card.good { background: linear-gradient(180deg, #f8fffc, #effbf7); border-color: #bee8d5; }
.pm-home-redesign .hm-outcome-card.bad { background: #fff9f9; }
.pm-home-redesign .hm-outcome-card h3 { margin-bottom: 20px; font-size: 24px; font-weight: 900; }
.pm-home-redesign .hm-outcome-card ul { display: grid; gap: 13px; list-style: none; padding: 0; margin: 0; }
.pm-home-redesign .hm-outcome-card li { display: flex; gap: 11px; color: #52637d; line-height: 1.55; }
.pm-home-redesign .hm-outcome-card li::before { font-weight: 900; }
.pm-home-redesign .hm-outcome-card.bad li::before { content: "×"; color: #ef4444; }
.pm-home-redesign .hm-outcome-card.good li::before { content: "✓"; color: var(--hm-green); }

/* Payments */
.pm-home-redesign .hm-payments-section { background: #f0f5fc; }
.pm-home-redesign .hm-payment-shell { display: grid; grid-template-columns: .85fr 1.15fr; gap: 34px; align-items: stretch; padding: 34px; border: 1px solid var(--hm-line); border-radius: 29px; background: #fff; box-shadow: var(--hm-shadow); }
.pm-home-redesign .hm-payment-copy h2 { margin: 18px 0 14px; font-size: clamp(32px, 4vw, 50px); line-height: 1.08; letter-spacing: -.045em; font-weight: 900; }
.pm-home-redesign .hm-payment-copy p { color: var(--hm-text); line-height: 1.75; }
.pm-home-redesign .hm-payment-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 13px; }
.pm-home-redesign .hm-payment-item { padding: 19px; border: 1px solid var(--hm-line); border-radius: 17px; background: #f8fbff; }
.pm-home-redesign .hm-payment-item i { color: var(--hm-blue); font-size: 21px; }
.pm-home-redesign .hm-payment-item strong { display: block; margin: 13px 0 5px; }
.pm-home-redesign .hm-payment-item span { color: var(--hm-text); font-size: 12px; line-height: 1.5; }

/* Final CTA */
.pm-home-redesign .hm-final-cta { padding: 84px 0 100px; }
.pm-home-redesign .hm-final-card { position: relative; overflow: hidden; display: flex; align-items: center; justify-content: space-between; gap: 28px; padding: 42px; border-radius: 30px; color: #fff; background: linear-gradient(135deg, #4e43ed, #2665ee 58%, #0ea5c7); box-shadow: 0 30px 70px rgba(41, 80, 214, .28); }
.pm-home-redesign .hm-final-card::after { content: ""; position: absolute; right: -100px; top: -130px; width: 360px; height: 360px; border-radius: 50%; background: rgba(255,255,255,.12); }
.pm-home-redesign .hm-final-card > div { position: relative; z-index: 2; }
.pm-home-redesign .hm-final-card h2 { margin: 0 0 12px; font-size: clamp(31px, 4vw, 50px); line-height: 1.08; letter-spacing: -.045em; font-weight: 900; }
.pm-home-redesign .hm-final-card p { margin: 0; color: #e5ecff; line-height: 1.7; }
.pm-home-redesign .hm-final-actions { display: flex; flex-wrap: wrap; gap: 11px; position: relative; z-index: 2; }

@keyframes hmFloat { 50% { transform: translateY(-9px); } }
@keyframes hmMarquee { to { transform: translateX(-50%); } }

@media (prefers-reduced-motion: reduce) {
    .pm-home-redesign *, .pm-home-redesign *::before, .pm-home-redesign *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; scroll-behavior: auto !important; transition-duration: .01ms !important; }
    .pm-home-redesign .hm-reveal { opacity: 1; transform: none; }
}

@media (max-width: 1050px) {
    .pm-home-redesign .hm-hero-grid,
    .pm-home-redesign .hm-product-grid,
    .pm-home-redesign .hm-payment-shell { grid-template-columns: 1fr; }
    .pm-home-redesign .hm-hero-copy { text-align: center; }
    .pm-home-redesign .hm-hero-title,
    .pm-home-redesign .hm-hero-copy > p { margin-left: auto; margin-right: auto; }
    .pm-home-redesign .hm-hero-actions,
    .pm-home-redesign .hm-hero-proof { justify-content: center; }
    .pm-home-redesign .hm-product-stage { max-width: 780px; margin-inline: auto; }
    .pm-home-redesign .hm-audience-grid { grid-template-columns: repeat(2, 1fr); }
    .pm-home-redesign .hm-workflow-grid { grid-template-columns: repeat(2, 1fr); }
    .pm-home-redesign .hm-step:nth-child(2)::after { display: none; }
    .pm-home-redesign .hm-feature-grid { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 700px) {
    .pm-home-redesign .hm-container { width: min(100% - 24px, 1220px); }
    .pm-home-redesign .hm-section { padding: 70px 0; }
    .pm-home-redesign .hm-hero { padding: 46px 0 42px; }
    .pm-home-redesign .hm-hero-grid { gap: 32px; }
    .pm-home-redesign .hm-hero-copy { text-align: left; }
    .pm-home-redesign .hm-hero-title { font-size: clamp(46px, 13vw, 62px); line-height: 1.01; }
    .pm-home-redesign .hm-hero-copy > p { font-size: 16px; line-height: 1.7; }
    .pm-home-redesign .hm-hero-actions,
    .pm-home-redesign .hm-hero-proof { justify-content: flex-start; }
    .pm-home-redesign .hm-hero-actions .hm-btn { width: 100%; }
    .pm-home-redesign .hm-hero-metrics { grid-template-columns: 1fr; }
    .pm-home-redesign .hm-product-stage { padding: 10px; border-radius: 24px; }
    .pm-home-redesign .hm-browser { border-width: 5px; border-radius: 19px; }
    .pm-home-redesign .hm-browser-top { height: 38px; padding: 0 10px; font-size: 9px; }
    .pm-home-redesign .hm-dashboard-image { aspect-ratio: 4 / 3; }
    .pm-home-redesign .hm-floating-card { display: none; }
    .pm-home-redesign .hm-live-pill { right: 18px; top: 18px; }
    .pm-home-redesign .hm-audience-grid,
    .pm-home-redesign .hm-workflow-grid,
    .pm-home-redesign .hm-feature-grid,
    .pm-home-redesign .hm-outcome-grid,
    .pm-home-redesign .hm-payment-grid { grid-template-columns: 1fr; }
    .pm-home-redesign .hm-step::after { display: none !important; }
    .pm-home-redesign .hm-audience-card,
    .pm-home-redesign .hm-feature-card { min-height: auto; }
    .pm-home-redesign .hm-payment-shell { padding: 22px; }
    .pm-home-redesign .hm-final-card { padding: 30px 22px; flex-direction: column; align-items: flex-start; }
    .pm-home-redesign .hm-final-actions { width: 100%; }
    .pm-home-redesign .hm-final-actions .hm-btn { width: 100%; }
}

/* Homepage promotional image slider */
/* Complete 1920x768 banner remains visible without cropping. */
.pm-home-redesign .hm-promo-slider {
    position: relative;
    width: 100%;
    padding: 24px;
    box-sizing: border-box;
    background: #fff;
    border-bottom: 1px solid var(--hm-line);
}
.pm-home-redesign .hm-slider-viewport {
    position: relative;
    width: 100%;
    max-width: 1500px;
    margin: 0 auto;
    overflow: hidden;
    aspect-ratio: 1920 / 768;
    background: #f5f8fd;
    border: 1px solid rgba(18,84,190,.10);
    border-radius: 22px;
    box-shadow: 0 14px 38px rgba(12,43,92,.10);
}
.pm-home-redesign .hm-slider-track {
    position: relative;
    width: 100%;
    height: 100%;
}
.pm-home-redesign .hm-slider-slide {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    visibility: hidden;
    transform: scale(1.004);
    transition: opacity .65s ease, transform .85s ease, visibility .65s ease;
    pointer-events: none;
    background: #fff;
}
.pm-home-redesign .hm-slider-slide.is-active {
    opacity: 1;
    visibility: visible;
    transform: scale(1);
    pointer-events: auto;
    z-index: 1;
}
.pm-home-redesign .hm-slider-slide img {
    display: block;
    width: 100%;
    height: 100%;
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
    object-position: center;
    user-select: none;
    -webkit-user-drag: none;
}
.pm-home-redesign .hm-slider-arrow {
    position: absolute;
    top: 50%;
    z-index: 4;
    width: 46px;
    height: 46px;
    display: grid;
    place-items: center;
    border: 1px solid rgba(255,255,255,.78);
    border-radius: 50%;
    color: #fff;
    background: rgba(7,24,62,.48);
    box-shadow: 0 10px 26px rgba(4,20,52,.18);
    backdrop-filter: blur(8px);
    cursor: pointer;
    transform: translateY(-50%);
    transition: background .2s ease, transform .2s ease;
}
.pm-home-redesign .hm-slider-arrow:hover,
.pm-home-redesign .hm-slider-arrow:focus-visible {
    background: rgba(13,79,221,.92);
    outline: none;
}
.pm-home-redesign .hm-slider-arrow:hover {
    transform: translateY(-50%) scale(1.06);
}
.pm-home-redesign .hm-slider-prev { left: 18px; }
.pm-home-redesign .hm-slider-next { right: 18px; }
.pm-home-redesign .hm-slider-dots {
    position: absolute;
    left: 50%;
    bottom: 14px;
    z-index: 4;
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 7px 10px;
    border-radius: 999px;
    background: rgba(7,24,62,.34);
    backdrop-filter: blur(8px);
    transform: translateX(-50%);
}
.pm-home-redesign .hm-slider-dot {
    width: 9px;
    height: 9px;
    padding: 0;
    border: 0;
    border-radius: 999px;
    background: rgba(255,255,255,.62);
    cursor: pointer;
    transition: width .25s ease, background .25s ease;
}
.pm-home-redesign .hm-slider-dot.is-active {
    width: 28px;
    background: #fff;
}
.pm-home-redesign .hm-slider-dot:focus-visible {
    outline: 2px solid #fff;
    outline-offset: 3px;
}
@media (max-width: 1400px) {
    .pm-home-redesign .hm-promo-slider { padding: 20px 22px; }
    .pm-home-redesign .hm-slider-viewport { border-radius: 20px; }
}
@media (max-width: 900px) {
    .pm-home-redesign .hm-promo-slider { padding: 16px; }
    .pm-home-redesign .hm-slider-viewport { border-radius: 16px; }
    .pm-home-redesign .hm-slider-arrow { width: 40px; height: 40px; }
    .pm-home-redesign .hm-slider-prev { left: 12px; }
    .pm-home-redesign .hm-slider-next { right: 12px; }
    .pm-home-redesign .hm-slider-dots { bottom: 10px; }
}
@media (max-width: 600px) {
    .pm-home-redesign .hm-promo-slider { padding: 10px; }
    .pm-home-redesign .hm-slider-viewport {
        aspect-ratio: 1920 / 768;
        border-radius: 12px;
        box-shadow: 0 8px 22px rgba(12,43,92,.09);
    }
    .pm-home-redesign .hm-slider-slide img { object-fit: contain; }
    .pm-home-redesign .hm-slider-arrow {
        width: 32px;
        height: 32px;
        font-size: 12px;
    }
    .pm-home-redesign .hm-slider-prev { left: 7px; }
    .pm-home-redesign .hm-slider-next { right: 7px; }
    .pm-home-redesign .hm-slider-dots {
        gap: 5px;
        padding: 5px 7px;
        bottom: 6px;
    }
    .pm-home-redesign .hm-slider-dot { width: 6px; height: 6px; }
    .pm-home-redesign .hm-slider-dot.is-active { width: 18px; }
}

/* Pricing card carousel */
.pm-home-redesign .hm-pricing-showcase {
    overflow: hidden;
    background: linear-gradient(180deg, #f8fbff 0%, #ffffff 100%);
}
.pm-home-redesign .hm-price-carousel {
    position: relative;
    margin-top: 34px;
    padding: 8px 54px 34px;
}
.pm-home-redesign .hm-price-viewport {
    overflow: hidden;
    padding: 14px 4px 24px;
}
.pm-home-redesign .hm-price-track {
    display: flex;
    align-items: stretch;
    gap: 24px;
    transition: transform .55s cubic-bezier(.22,.61,.36,1);
    will-change: transform;
}
.pm-home-redesign .hm-price-slide {
    flex: 0 0 calc((100% - 48px) / 3);
    min-width: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 28px;
    text-decoration: none;
    transition: transform .25s ease, filter .25s ease;
}
.pm-home-redesign .hm-price-slide:hover {
    transform: translateY(-8px);
    filter: drop-shadow(0 18px 24px rgba(12, 65, 159, .16));
}
.pm-home-redesign .hm-price-slide img {
    display: block;
    width: 100%;
    height: 620px;
    object-fit: contain;
    object-position: center;
    user-select: none;
    -webkit-user-drag: none;
}
.pm-home-redesign .hm-price-arrow {
    position: absolute;
    top: 48%;
    z-index: 3;
    width: 46px;
    height: 46px;
    display: grid;
    place-items: center;
    border: 1px solid #d7e5ff;
    border-radius: 50%;
    color: #0d55d9;
    background: #fff;
    box-shadow: 0 12px 30px rgba(9, 55, 135, .15);
    cursor: pointer;
    transform: translateY(-50%);
}
.pm-home-redesign .hm-price-arrow:hover,
.pm-home-redesign .hm-price-arrow:focus-visible {
    color: #fff;
    background: #0d55d9;
    outline: none;
}
.pm-home-redesign .hm-price-prev { left: 0; }
.pm-home-redesign .hm-price-next { right: 0; }
.pm-home-redesign .hm-price-dots {
    display: flex;
    justify-content: center;
    gap: 8px;
    margin-top: 2px;
}
.pm-home-redesign .hm-price-dot {
    width: 9px;
    height: 9px;
    padding: 0;
    border: 0;
    border-radius: 99px;
    background: #c6d7f5;
    cursor: pointer;
    transition: width .2s ease, background .2s ease;
}
.pm-home-redesign .hm-price-dot.is-active { width: 28px; background: #0d55d9; }
.pm-home-redesign .hm-pricing-action { display: flex; justify-content: center; margin-top: 6px; }
@media (max-width: 1050px) {
    .pm-home-redesign .hm-price-slide { flex-basis: calc((100% - 24px) / 2); }
    .pm-home-redesign .hm-price-slide img { height: 570px; }
}
@media (max-width: 680px) {
    .pm-home-redesign .hm-price-carousel { padding: 4px 0 28px; }
    .pm-home-redesign .hm-price-track { gap: 14px; }
    .pm-home-redesign .hm-price-slide { flex-basis: 100%; }
    .pm-home-redesign .hm-price-slide img { height: auto; max-height: min(430px, 62vw); }
    .pm-home-redesign .hm-price-arrow {
        width: 38px;
        height: 38px;
        color: #fff;
        border-color: rgba(255,255,255,.45);
        background: rgba(15, 23, 42, .48);
        box-shadow: 0 10px 24px rgba(15,23,42,.20);
        backdrop-filter: blur(8px);
    }
    .pm-home-redesign .hm-price-prev { left: 10px; }
    .pm-home-redesign .hm-price-next { right: 10px; }
}

/* Fully coded pricing cards: no card artwork images required */
.pm-home-redesign .hm-code-price-carousel { position: relative; padding: 8px 62px 42px; }
.pm-home-redesign .hm-code-price-viewport { overflow: hidden; border-radius: 28px; }
.pm-home-redesign .hm-code-price-track { display: flex; transition: transform .55s cubic-bezier(.22,.75,.2,1); }
.pm-home-redesign .hm-code-package-card { flex: 0 0 100%; box-sizing: border-box; padding: clamp(20px,3vw,38px); background: linear-gradient(145deg,#fff,#fbfdff); border: 1px solid #cfe0ff; border-radius: 28px; box-shadow: 0 18px 50px rgba(21,74,160,.10); }
.pm-home-redesign .hm-package-topline { display:flex; justify-content:center; align-items:center; gap:18px; position:relative; }
.pm-home-redesign .hm-package-badge,.pm-home-redesign .hm-package-fit { display:inline-flex; align-items:center; gap:9px; padding:9px 15px; border-radius:12px; background:#edf4ff; color:#0755d9; font-weight:800; }
.pm-home-redesign .hm-package-fit { position:absolute; right:0; top:0; font-size:14px; max-width:220px; }
.pm-home-redesign .hm-code-package-card>h3 { margin:18px 0 4px; text-align:center; font-size:clamp(30px,4vw,52px); color:#07184b; letter-spacing:-.03em; }
.pm-home-redesign .hm-package-subtitle { margin:0 0 22px; text-align:center; color:#344a78; font-size:18px; }
.pm-home-redesign .hm-package-stats { display:grid; grid-template-columns:repeat(4,1fr); border:1px solid #cfe0ff; border-radius:16px; overflow:hidden; margin-bottom:22px; }
.pm-home-redesign .hm-package-stats span { min-height:82px; display:grid; grid-template-columns:auto 1fr; grid-template-rows:1fr 1fr; column-gap:12px; align-items:center; padding:12px 20px; border-right:1px solid #d9e6fb; }
.pm-home-redesign .hm-package-stats span:last-child { border-right:0; }
.pm-home-redesign .hm-package-stats i { grid-row:1/3; font-size:29px; color:#075ceb; }
.pm-home-redesign .hm-package-stats small { color:#24375f; font-size:14px; align-self:end; }
.pm-home-redesign .hm-package-stats strong { color:#0755d9; font-size:20px; align-self:start; }
.pm-home-redesign .hm-package-options { display:grid; grid-template-columns:repeat(3,1fr); gap:22px; }
.pm-home-redesign .hm-package-option { padding:22px; border:1px solid #d4e2fb; border-radius:22px; text-align:center; background:#fff; }
.pm-home-redesign .hm-package-option h4 { margin:0; font-size:26px; color:var(--tone); }
.pm-home-redesign .hm-package-option p { margin:4px 0 16px; color:#253967; }
.pm-home-redesign .hm-package-option.is-blue { --tone:#0755ee; --soft:#edf3ff; }
.pm-home-redesign .hm-package-option.is-green { --tone:#078443; --soft:#eaf8f0; }
.pm-home-redesign .hm-package-option.is-purple { --tone:#6122d3; --soft:#f3edff; }
.pm-home-redesign .hm-package-price { padding-top:12px; border-top:1px solid #dbe6f8; color:#081747; display:flex; justify-content:center; align-items:baseline; gap:10px; }
.pm-home-redesign .hm-package-price small { font-weight:900; font-size:18px; }
.pm-home-redesign .hm-package-price strong { color:var(--tone); font-size:clamp(40px,4vw,60px); letter-spacing:-.04em; }
.pm-home-redesign .hm-word-addon { display:inline-block; background:var(--soft); color:var(--tone); border-radius:9px; padding:7px 14px; font-weight:800; margin:4px 0 16px; }
.pm-home-redesign .hm-package-buy,.pm-home-redesign .hm-package-word { display:flex; align-items:center; justify-content:center; gap:10px; min-height:48px; border-radius:9px; text-decoration:none; font-weight:900; }
.pm-home-redesign .hm-package-buy { color:#fff; background:var(--tone); margin-bottom:9px; }
.pm-home-redesign .hm-package-word { color:var(--tone); border:1.5px solid var(--tone); }
.pm-home-redesign .hm-package-word strong { display:grid; place-items:center; width:24px; height:24px; color:#fff; background:var(--tone); border-radius:3px; }
.pm-home-redesign .hm-package-features { list-style:none; margin:22px 0 0; padding:10px 20px; border:1px solid #d4e2fb; border-radius:16px; }
.pm-home-redesign .hm-package-features li { display:flex; align-items:center; gap:12px; padding:10px 0; border-bottom:1px solid #dce6f8; color:#132651; }
.pm-home-redesign .hm-package-features li:last-child { border-bottom:0; }
.pm-home-redesign .hm-package-features i { color:#075ceb; }
.pm-home-redesign .hm-code-price-status { text-align:center; font-weight:800; color:#26416f; margin-top:14px; }
.pm-home-redesign .hm-additional-head { margin-top:70px; text-align:center; }
.pm-home-redesign .hm-additional-head h2 { margin:12px 0 28px; }
.pm-home-redesign .hm-additional-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:22px; }
.pm-home-redesign .hm-additional-card { --tone:#0755d9; --soft:#eef4ff; min-width:0; border:1px solid color-mix(in srgb,var(--tone) 25%,white); border-radius:22px; padding:24px; background:#fff; box-shadow:0 12px 34px rgba(20,63,130,.08); }
.pm-home-redesign .hm-additional-card.is-green { --tone:#078443; --soft:#eaf8f0; }
.pm-home-redesign .hm-additional-card.is-purple { --tone:#6325d5; --soft:#f3edff; }
.pm-home-redesign .hm-additional-card.is-orange { --tone:#f05a09; --soft:#fff1e9; }
.pm-home-redesign .hm-additional-title { display:flex; gap:14px; align-items:center; min-width:0; }
.pm-home-redesign .hm-additional-title>i { width:52px; height:52px; flex:0 0 52px; border-radius:50%; display:grid; place-items:center; color:#fff; background:var(--tone); font-size:22px; }
.pm-home-redesign .hm-additional-title h3 { margin:0; color:var(--tone); }
.pm-home-redesign .hm-additional-title p { margin:5px 0 0; color:#11234c; }
.pm-home-redesign .hm-additional-title p strong { font-size:24px; }
.pm-home-redesign .hm-additional-card ul { display:grid; grid-template-columns:repeat(2,1fr); gap:11px 18px; list-style:none; padding:20px 0; margin:0; }
.pm-home-redesign .hm-additional-card li { display:flex; gap:8px; min-width:0; color:#24375f; font-size:14px; line-height:1.45; }
.pm-home-redesign .hm-additional-card li i { color:var(--tone); margin-top:3px; }
.pm-home-redesign .hm-additional-footer { display:flex; justify-content:space-between; align-items:center; gap:16px; background:var(--soft); border-radius:12px; padding:12px 14px; }
.pm-home-redesign .hm-additional-footer span { color:var(--tone); font-size:13px; }
.pm-home-redesign .hm-additional-footer span strong { display:block; font-size:17px; }
.pm-home-redesign .hm-additional-footer a { white-space:nowrap; color:#fff; background:var(--tone); border-radius:9px; padding:11px 14px; text-decoration:none; font-weight:800; }
@media (max-width:900px){
 .pm-home-redesign .hm-code-price-carousel{padding:8px 42px 38px}
 .pm-home-redesign .hm-package-fit{position:static}
 .pm-home-redesign .hm-package-topline{flex-wrap:wrap}
 .pm-home-redesign .hm-package-stats{grid-template-columns:repeat(2,1fr)}
 .pm-home-redesign .hm-package-stats span:nth-child(2){border-right:0}
 .pm-home-redesign .hm-package-stats span:nth-child(-n+2){border-bottom:1px solid #d9e6fb}
 .pm-home-redesign .hm-package-options{grid-template-columns:1fr}
 .pm-home-redesign .hm-additional-grid{grid-template-columns:1fr}
}
@media (max-width:560px){
 .pm-home-redesign .hm-code-price-carousel{padding:4px 0 38px}
 .pm-home-redesign .hm-code-package-card{padding:18px 14px;border-radius:20px}
 .pm-home-redesign .hm-package-stats{grid-template-columns:1fr}
 .pm-home-redesign .hm-package-stats span{border-right:0!important;border-bottom:1px solid #d9e6fb!important}
 .pm-home-redesign .hm-package-stats span:last-child{border-bottom:0!important}
 .pm-home-redesign .hm-package-features{padding:8px 12px}
 .pm-home-redesign .hm-additional-head{margin-top:42px;text-align:left}
 .pm-home-redesign .hm-additional-head h2{font-size:clamp(1.55rem,8vw,2rem);line-height:1.12}
 .pm-home-redesign .hm-additional-grid{gap:16px}
 .pm-home-redesign .hm-additional-card{border-radius:20px;padding:18px 18px 20px}
 .pm-home-redesign .hm-additional-title{align-items:flex-start;gap:12px}
 .pm-home-redesign .hm-additional-title>i{width:48px;height:48px;flex-basis:48px;font-size:20px}
 .pm-home-redesign .hm-additional-title h3{font-size:clamp(1.45rem,7vw,1.8rem);line-height:1.12}
 .pm-home-redesign .hm-additional-title p{font-size:16px;line-height:1.35}
 .pm-home-redesign .hm-additional-title p strong{display:block;font-size:clamp(1.55rem,8vw,2rem);line-height:1.08}
 .pm-home-redesign .hm-additional-card ul{grid-template-columns:1fr}
 .pm-home-redesign .hm-additional-card li{font-size:15px}
 .pm-home-redesign .hm-additional-footer{align-items:stretch;flex-direction:column}
 .pm-home-redesign .hm-additional-footer span{font-size:14px}
 .pm-home-redesign .hm-additional-footer span strong{font-size:20px}
 .pm-home-redesign .hm-additional-footer a{text-align:center;min-height:48px;display:flex;align-items:center;justify-content:center}
 .pm-home-redesign .hm-code-price-carousel>.hm-price-arrow{top:45%;}
}

@media (max-width:430px){
 .pm-home-redesign .hm-additional-card{padding:16px 14px 18px;border-radius:18px}
 .pm-home-redesign .hm-additional-title>i{width:44px;height:44px;flex-basis:44px}
 .pm-home-redesign .hm-additional-title h3{font-size:1.38rem}
 .pm-home-redesign .hm-additional-title p strong{font-size:1.55rem}
 .pm-home-redesign .hm-additional-footer{padding:12px}
}

/* Homepage V2 - reference-inspired landing page */
.pm-home-redesign.hm-v2 {
    --hm-v2-navy: #06163d;
    --hm-v2-blue: #075cf0;
    --hm-v2-sky: #0ea5ff;
    --hm-v2-line: #d7e5fb;
    --hm-v2-soft: #f3f8ff;
    background:
        radial-gradient(circle at 5% 18%, rgba(37, 99, 235, .10), transparent 22%),
        radial-gradient(circle at 100% 44%, rgba(14, 165, 255, .12), transparent 24%),
        linear-gradient(180deg, #f8fbff 0%, #ffffff 42%, #f6faff 100%);
    overflow: hidden;
}
.pm-home-redesign.hm-v2 .hm-section {
    padding: 76px 0;
}
.pm-home-redesign.hm-v2 .hm-section-head {
    margin-bottom: 34px;
}
.pm-home-redesign.hm-v2 .hm-section-head h2,
.pm-home-redesign.hm-v2 .hm-v2-dashboard-copy h2 {
    color: var(--hm-v2-navy);
    letter-spacing: 0;
}
.pm-home-redesign.hm-v2 .hm-section-head h2 span,
.pm-home-redesign.hm-v2 .hm-v2-dashboard-copy h2 span {
    color: var(--hm-v2-blue);
}
.pm-home-redesign.hm-v2 .hm-eyebrow,
.pm-home-redesign.hm-v2 .hm-v2-pill {
    border: 0;
    background: #eaf2ff;
    color: var(--hm-v2-blue);
    box-shadow: inset 0 0 0 1px rgba(7, 92, 240, .08);
}
.pm-home-redesign.hm-v2 .hm-btn {
    border-radius: 11px;
    min-height: 54px;
    padding-inline: 24px;
}
.pm-home-redesign.hm-v2 .hm-btn-primary {
    background: linear-gradient(135deg, #075cf0, #064ee2);
    box-shadow: 0 18px 32px rgba(7, 92, 240, .24);
}
.pm-home-redesign.hm-v2 .hm-btn-light {
    color: var(--hm-v2-blue);
    border-color: #b9d3ff;
    background: #fff;
}

.pm-home-redesign .hm-v2-slider {
    padding: 22px 16px 12px;
    border-bottom: 1px solid #e6eef9;
    background: #fff;
}
.pm-home-redesign .hm-v2-slider .hm-slider-viewport {
    max-width: 1480px;
    border-radius: 20px;
    aspect-ratio: 1920 / 768;
    box-shadow: 0 16px 44px rgba(15, 48, 102, .10);
}
.pm-home-redesign .hm-v2-slider .hm-slider-arrow {
    background: rgba(6, 22, 61, .46);
}

.pm-home-redesign .hm-v2-hero {
    position: relative;
    padding: 62px 0 34px;
    background:
        linear-gradient(120deg, transparent 0 58%, rgba(219, 234, 254, .82) 58% 68%, transparent 68%),
        #f8fbff;
}
.pm-home-redesign .hm-v2-hero::before,
.pm-home-redesign .hm-v2-hero::after {
    content: "";
    position: absolute;
    pointer-events: none;
}
.pm-home-redesign .hm-v2-hero::before {
    left: 0;
    top: 0;
    width: 110px;
    height: 260px;
    opacity: .45;
    background-image: radial-gradient(#70a7ff 2px, transparent 2px);
    background-size: 18px 18px;
}
.pm-home-redesign .hm-v2-hero::after {
    right: -7vw;
    bottom: 0;
    width: 44vw;
    height: 62%;
    border-radius: 42px 0 0 0;
    background: linear-gradient(135deg, #075cf0, #0ea5ff);
    transform: skewX(-18deg);
}
.pm-home-redesign .hm-v2-hero-grid {
    position: relative;
    z-index: 2;
    display: grid;
    grid-template-columns: minmax(0, .9fr) minmax(500px, 1.1fr);
    gap: 52px;
    align-items: center;
}
.pm-home-redesign .hm-v2-hero-copy h1 {
    margin: 22px 0 18px;
    color: var(--hm-v2-navy);
    font-size: clamp(48px, 5.8vw, 82px);
    line-height: 1.02;
    letter-spacing: 0;
    font-weight: 950;
}
.pm-home-redesign .hm-v2-hero-copy h1 span {
    display: block;
    color: var(--hm-v2-blue);
}
.pm-home-redesign .hm-v2-hero-copy p {
    max-width: 660px;
    color: #405276;
    font-size: 18px;
    line-height: 1.7;
    margin-bottom: 26px;
}
.pm-home-redesign .hm-v2-actions,
.pm-home-redesign .hm-v2-proof,
.pm-home-redesign .hm-v2-rating {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
}
.pm-home-redesign .hm-v2-proof {
    margin-top: 24px;
    gap: 12px 20px;
}
.pm-home-redesign .hm-v2-proof span {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    color: #101f46;
    font-weight: 850;
}
.pm-home-redesign .hm-v2-proof i {
    width: 38px;
    height: 38px;
    display: grid;
    place-items: center;
    border-radius: 50%;
    color: var(--hm-v2-blue);
    background: #eaf2ff;
}
.pm-home-redesign .hm-v2-rating {
    align-items: center;
    margin-top: 26px;
}
.pm-home-redesign .hm-v2-avatars {
    display: flex;
    padding-left: 10px;
}
.pm-home-redesign .hm-v2-avatars span {
    width: 42px;
    height: 42px;
    display: grid;
    place-items: center;
    margin-left: -10px;
    border: 3px solid #fff;
    border-radius: 50%;
    color: #fff;
    background: linear-gradient(135deg, #0f172a, #2563eb);
    font-size: 12px;
    font-weight: 900;
}
.pm-home-redesign .hm-v2-rating strong,
.pm-home-redesign .hm-v2-rating small {
    display: block;
}
.pm-home-redesign .hm-v2-rating small {
    color: #51617e;
}
.pm-home-redesign .hm-v2-hero-visual {
    position: relative;
    z-index: 2;
}
.pm-home-redesign .hm-v2-laptop {
    position: relative;
    padding: 14px;
    border: 8px solid #111827;
    border-bottom-width: 18px;
    border-radius: 24px;
    background: #fff;
    box-shadow: 0 32px 70px rgba(10, 35, 82, .24);
}
.pm-home-redesign .hm-v2-laptop::after {
    content: "";
    position: absolute;
    left: 12%;
    right: 12%;
    bottom: -30px;
    height: 20px;
    border-radius: 0 0 50% 50%;
    background: linear-gradient(180deg, #d1d5db, #6b7280);
}
.pm-home-redesign .hm-v2-laptop img {
    display: block;
    width: 100%;
    aspect-ratio: 16 / 9;
    object-fit: cover;
    object-position: left top;
    border-radius: 10px;
}
.pm-home-redesign .hm-v2-trust-card {
    position: absolute;
    right: -30px;
    bottom: -18px;
    width: 210px;
    padding: 20px;
    border-radius: 18px;
    background: #fff;
    box-shadow: 0 22px 48px rgba(10, 35, 82, .18);
}
.pm-home-redesign .hm-v2-trust-card i {
    width: 48px;
    height: 48px;
    display: grid;
    place-items: center;
    border-radius: 50%;
    color: #fff;
    background: var(--hm-v2-blue);
}
.pm-home-redesign .hm-v2-trust-card strong,
.pm-home-redesign .hm-v2-trust-card span {
    display: block;
    margin-top: 8px;
}
.pm-home-redesign .hm-v2-trust-card span {
    color: var(--hm-v2-blue);
    font-weight: 900;
}
.pm-home-redesign .hm-v2-value-strip {
    position: relative;
    z-index: 3;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 0;
    margin-top: 54px;
    border: 1px solid #dce8f8;
    border-radius: 22px;
    background: rgba(255,255,255,.94);
    box-shadow: 0 20px 50px rgba(22, 60, 118, .10);
}
.pm-home-redesign .hm-v2-value-strip article {
    display: grid;
    grid-template-columns: 54px 1fr;
    gap: 12px;
    padding: 24px;
    border-right: 1px solid #dce8f8;
}
.pm-home-redesign .hm-v2-value-strip article:last-child {
    border-right: 0;
}
.pm-home-redesign .hm-v2-value-strip i {
    grid-row: 1 / 3;
    width: 54px;
    height: 54px;
    display: grid;
    place-items: center;
    border-radius: 50%;
    color: var(--hm-v2-blue);
    background: #eaf2ff;
    font-size: 22px;
}
.pm-home-redesign .hm-v2-value-strip strong {
    align-self: end;
    color: var(--hm-v2-navy);
}
.pm-home-redesign .hm-v2-value-strip span {
    color: #51617e;
    font-size: 14px;
    line-height: 1.5;
}

.pm-home-redesign .hm-v2-audience-grid,
.pm-home-redesign .hm-v2-feature-grid,
.pm-home-redesign .hm-v2-plan-grid {
    display: grid;
    gap: 18px;
}
.pm-home-redesign .hm-v2-audience-grid {
    grid-template-columns: repeat(5, 1fr);
}
.pm-home-redesign .hm-v2-audience-card,
.pm-home-redesign .hm-v2-feature-card,
.pm-home-redesign .hm-v2-plan-card,
.pm-home-redesign .hm-v2-step-card {
    position: relative;
    min-width: 0;
    border: 1px solid var(--hm-v2-line);
    border-radius: 22px;
    background: #fff;
    box-shadow: 0 16px 42px rgba(17, 45, 89, .07);
}
.pm-home-redesign .hm-v2-audience-card {
    --tone: var(--hm-v2-blue);
    padding: 26px 22px;
    text-align: center;
    border-bottom: 4px solid var(--tone);
}
.pm-home-redesign .hm-v2-audience-card.is-green { --tone: #078443; }
.pm-home-redesign .hm-v2-audience-card.is-purple { --tone: #6829d9; }
.pm-home-redesign .hm-v2-audience-card.is-orange { --tone: #ea580c; }
.pm-home-redesign .hm-v2-audience-card.is-teal { --tone: #08979c; }
.pm-home-redesign .hm-v2-audience-card > i,
.pm-home-redesign .hm-v2-feature-card > i,
.pm-home-redesign .hm-v2-plan-card > i {
    width: 62px;
    height: 62px;
    display: grid;
    place-items: center;
    margin: 0 auto 16px;
    border-radius: 50%;
    color: var(--tone, var(--hm-v2-blue));
    background: color-mix(in srgb, var(--tone, var(--hm-v2-blue)) 11%, white);
    font-size: 25px;
}
.pm-home-redesign .hm-v2-audience-card h3,
.pm-home-redesign .hm-v2-feature-card h3,
.pm-home-redesign .hm-v2-step-card h3,
.pm-home-redesign .hm-v2-plan-card h3 {
    color: var(--hm-v2-navy);
    font-size: 18px;
    font-weight: 950;
}
.pm-home-redesign .hm-v2-audience-card h3 {
    color: var(--tone);
}
.pm-home-redesign .hm-v2-audience-card p,
.pm-home-redesign .hm-v2-feature-card p,
.pm-home-redesign .hm-v2-step-card p {
    color: #435476;
    line-height: 1.62;
}
.pm-home-redesign .hm-v2-audience-card strong {
    display: block;
    margin-top: 18px;
    padding-top: 16px;
    border-top: 1px solid #e2ecfb;
    color: var(--tone);
    font-size: 22px;
    font-weight: 950;
}
.pm-home-redesign .hm-v2-audience-card small {
    color: #4e5d79;
}

.pm-home-redesign .hm-v2-features {
    background: linear-gradient(180deg, #ffffff, #f3f8ff);
}
.pm-home-redesign .hm-v2-feature-grid {
    grid-template-columns: repeat(6, 1fr);
}
.pm-home-redesign .hm-v2-feature-card {
    padding: 28px 20px;
    text-align: center;
}
.pm-home-redesign .hm-v2-feature-card:hover,
.pm-home-redesign .hm-v2-audience-card:hover,
.pm-home-redesign .hm-v2-plan-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 24px 55px rgba(17, 45, 89, .12);
}
.pm-home-redesign .hm-v2-feature-card,
.pm-home-redesign .hm-v2-audience-card,
.pm-home-redesign .hm-v2-plan-card {
    transition: transform .22s ease, box-shadow .22s ease;
}

.pm-home-redesign .hm-v2-workflow {
    background: #fff;
}
.pm-home-redesign .hm-v2-step-grid {
    position: relative;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 28px;
    padding: 28px;
    border: 1px solid #dce8f8;
    border-radius: 26px;
    background: linear-gradient(180deg, #f8fbff, #fff);
}
.pm-home-redesign .hm-v2-step-grid::before {
    content: "";
    position: absolute;
    left: 16%;
    right: 16%;
    top: 84px;
    border-top: 2px dashed #72a7ff;
}
.pm-home-redesign .hm-v2-step-card {
    padding: 28px 22px;
    text-align: center;
    z-index: 1;
}
.pm-home-redesign .hm-v2-step-card span {
    position: absolute;
    top: -17px;
    left: 22px;
    width: 34px;
    height: 34px;
    display: grid;
    place-items: center;
    border-radius: 50%;
    color: #fff;
    background: var(--hm-v2-blue);
    font-weight: 950;
}
.pm-home-redesign .hm-v2-step-card > i {
    width: 72px;
    height: 72px;
    display: grid;
    place-items: center;
    margin: 0 auto 16px;
    border-radius: 50%;
    color: var(--hm-v2-blue);
    background: #eaf2ff;
    font-size: 30px;
}

.pm-home-redesign .hm-v2-dashboard {
    background: linear-gradient(135deg, #ffffff 0 54%, #eef6ff 54% 100%);
}
.pm-home-redesign .hm-v2-dashboard-grid {
    display: grid;
    grid-template-columns: .8fr 1.2fr;
    gap: 42px;
    align-items: center;
}
.pm-home-redesign .hm-v2-dashboard-copy h2 {
    margin: 16px 0;
    font-size: clamp(34px, 4vw, 52px);
    line-height: 1.08;
    font-weight: 950;
}
.pm-home-redesign .hm-v2-dashboard-copy p {
    color: #435476;
    line-height: 1.72;
}
.pm-home-redesign .hm-v2-check-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 14px 20px;
    margin: 24px 0 28px;
}
.pm-home-redesign .hm-v2-check-grid span {
    display: flex;
    gap: 9px;
    color: #15254d;
    font-weight: 850;
}
.pm-home-redesign .hm-v2-check-grid i {
    color: var(--hm-v2-blue);
}
.pm-home-redesign .hm-v2-dashboard-image img {
    display: block;
    width: 100%;
    border: 8px solid #111827;
    border-radius: 24px;
    background: #fff;
    box-shadow: 0 28px 64px rgba(17, 45, 89, .18);
}

.pm-home-redesign .hm-v2-pricing {
    background:
        radial-gradient(circle at 98% 30%, rgba(7, 92, 240, .10), transparent 20%),
        #f8fbff;
}
.pm-home-redesign .hm-v2-plan-grid {
    grid-template-columns: repeat(5, 1fr);
    align-items: stretch;
}
.pm-home-redesign .hm-v2-plan-card {
    --tone: var(--hm-v2-blue);
    display: flex;
    flex-direction: column;
    padding: 26px 22px 22px;
    border-color: color-mix(in srgb, var(--tone) 24%, white);
}
.pm-home-redesign .hm-v2-plan-card.is-green { --tone: #078443; }
.pm-home-redesign .hm-v2-plan-card.is-purple { --tone: #6325d5; }
.pm-home-redesign .hm-v2-plan-card.is-teal { --tone: #08979c; }
.pm-home-redesign .hm-v2-plan-card.is-popular {
    border: 2px solid var(--hm-v2-blue);
    box-shadow: 0 24px 60px rgba(7, 92, 240, .14);
}
.pm-home-redesign .hm-v2-popular {
    position: absolute;
    left: 26px;
    right: 26px;
    top: -17px;
    min-height: 34px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    border-radius: 0 0 10px 10px;
    color: #fff;
    background: var(--hm-v2-blue);
    font-size: 12px;
    font-weight: 950;
    text-transform: uppercase;
}
.pm-home-redesign .hm-v2-plan-card h3 {
    min-height: 44px;
    text-align: center;
}
.pm-home-redesign .hm-v2-plan-card p {
    margin: 6px 0 2px;
    color: var(--tone);
    text-align: center;
    font-size: 30px;
    line-height: 1;
    font-weight: 950;
}
.pm-home-redesign .hm-v2-plan-card > small {
    align-self: center;
    margin-bottom: 20px;
    padding: 5px 12px;
    border-radius: 999px;
    color: var(--tone);
    background: color-mix(in srgb, var(--tone) 10%, white);
    font-weight: 850;
}
.pm-home-redesign .hm-v2-plan-card ul {
    display: grid;
    gap: 10px;
    margin: 0 0 22px;
    padding: 0;
    list-style: none;
}
.pm-home-redesign .hm-v2-plan-card li {
    display: flex;
    gap: 8px;
    color: #17284f;
    font-size: 13px;
    font-weight: 800;
    line-height: 1.45;
}
.pm-home-redesign .hm-v2-plan-card li i {
    color: var(--tone);
    margin-top: 3px;
}
.pm-home-redesign .hm-v2-plan-card a {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    margin-top: auto;
    border: 1.5px solid var(--tone);
    border-radius: 8px;
    color: var(--tone);
    text-decoration: none;
    font-weight: 950;
}
.pm-home-redesign .hm-v2-plan-card.is-popular a,
.pm-home-redesign .hm-v2-plan-card:first-child a {
    color: #fff;
    border-color: var(--hm-v2-blue);
    background: var(--hm-v2-blue);
}
.pm-home-redesign .hm-v2-plan-note {
    display: grid;
    grid-template-columns: auto 1fr auto;
    align-items: center;
    gap: 16px;
    width: min(760px, 100%);
    margin: 22px auto 0;
    padding: 14px 18px;
    border-radius: 18px;
    background: #fff;
    box-shadow: 0 16px 36px rgba(17, 45, 89, .08);
}
.pm-home-redesign .hm-v2-plan-note > i {
    width: 42px;
    height: 42px;
    display: grid;
    place-items: center;
    border-radius: 50%;
    color: var(--hm-v2-blue);
    background: #eaf2ff;
}
.pm-home-redesign .hm-v2-plan-note span {
    color: #17284f;
    font-weight: 850;
}
.pm-home-redesign .hm-v2-plan-note a {
    color: var(--hm-v2-blue);
    text-decoration: none;
    font-weight: 950;
}

@media (max-width: 1180px) {
    .pm-home-redesign .hm-v2-hero-grid,
    .pm-home-redesign .hm-v2-dashboard-grid {
        grid-template-columns: 1fr;
    }
    .pm-home-redesign .hm-v2-feature-grid,
    .pm-home-redesign .hm-v2-plan-grid {
        grid-template-columns: repeat(3, 1fr);
    }
    .pm-home-redesign .hm-v2-audience-grid {
        grid-template-columns: repeat(3, 1fr);
    }
    .pm-home-redesign .hm-v2-hero-copy {
        text-align: center;
    }
    .pm-home-redesign .hm-v2-hero-copy p,
    .pm-home-redesign .hm-v2-actions,
    .pm-home-redesign .hm-v2-proof,
    .pm-home-redesign .hm-v2-rating {
        justify-content: center;
        margin-left: auto;
        margin-right: auto;
    }
}

@media (max-width: 860px) {
    .pm-home-redesign.hm-v2 .hm-section {
        padding: 54px 0;
    }
    .pm-home-redesign .hm-v2-slider {
        padding: 12px 10px 8px;
    }
    .pm-home-redesign .hm-v2-slider .hm-slider-viewport {
        border-radius: 14px;
    }
    .pm-home-redesign .hm-v2-hero {
        padding-top: 42px;
    }
    .pm-home-redesign .hm-v2-hero::after {
        opacity: .18;
        width: 70vw;
    }
    .pm-home-redesign .hm-v2-hero-copy h1 {
        font-size: clamp(38px, 10vw, 58px);
    }
    .pm-home-redesign .hm-v2-value-strip,
    .pm-home-redesign .hm-v2-step-grid {
        grid-template-columns: 1fr 1fr;
    }
    .pm-home-redesign .hm-v2-value-strip article:nth-child(2) {
        border-right: 0;
    }
    .pm-home-redesign .hm-v2-value-strip article:nth-child(-n+2) {
        border-bottom: 1px solid #dce8f8;
    }
    .pm-home-redesign .hm-v2-step-grid::before {
        display: none;
    }
    .pm-home-redesign .hm-v2-feature-grid,
    .pm-home-redesign .hm-v2-plan-grid,
    .pm-home-redesign .hm-v2-audience-grid {
        grid-template-columns: repeat(2, 1fr);
    }
    .pm-home-redesign .hm-v2-trust-card {
        right: 12px;
    }
}

@media (max-width: 560px) {
    .pm-home-redesign.hm-v2 .hm-container {
        width: min(100% - 24px, 1220px);
    }
    .pm-home-redesign .hm-v2-slider {
        padding: 8px 4px 66px;
    }
    .pm-home-redesign .hm-v2-slider .hm-slider-viewport {
        aspect-ratio: 1920 / 768;
        overflow: visible;
        background: transparent;
        border: 0;
        box-shadow: 0 8px 24px rgba(15, 48, 102, .10);
    }
    .pm-home-redesign .hm-v2-slider .hm-slider-track {
        overflow: hidden;
        border: 1px solid rgba(18,84,190,.14);
        border-radius: 14px;
        background: #fff;
    }
    .pm-home-redesign .hm-v2-slider .hm-slider-slide img {
        width: 100%;
        height: 100%;
        object-fit: contain;
        object-position: center;
        background: #fff;
    }
    .pm-home-redesign .hm-v2-slider .hm-slider-arrow {
        top: calc(100% + 34px);
        width: 34px;
        height: 34px;
        color: #fff;
        background: #7c879b;
        border: 0;
        box-shadow: 0 8px 18px rgba(15,23,42,.16);
        transform: translateY(-50%);
    }
    .pm-home-redesign .hm-v2-slider .hm-slider-arrow:hover {
        transform: translateY(-50%);
    }
    .pm-home-redesign .hm-v2-slider .hm-slider-prev {
        left: calc(50% - 104px);
    }
    .pm-home-redesign .hm-v2-slider .hm-slider-next {
        right: calc(50% - 104px);
    }
    .pm-home-redesign .hm-v2-slider .hm-slider-dots {
        bottom: -58px;
        gap: 6px;
        padding: 0;
        min-height: 12px;
        background: transparent;
        backdrop-filter: none;
    }
    .pm-home-redesign .hm-v2-slider .hm-slider-dot {
        width: 7px;
        height: 7px;
        background: #b7c7dd;
    }
    .pm-home-redesign .hm-v2-slider .hm-slider-dot.is-active {
        width: 22px;
        background: #075cf0;
    }
    .pm-home-redesign .hm-v2-hero {
        padding: 30px 0 24px;
    }
    .pm-home-redesign .hm-v2-hero-copy {
        text-align: left;
    }
    .pm-home-redesign .hm-v2-hero-copy h1 {
        margin-top: 16px;
        font-size: clamp(32px, 11vw, 42px);
        overflow-wrap: normal;
        word-break: normal;
        hyphens: manual;
    }
    .pm-home-redesign .hm-v2-hero-copy p {
        font-size: 16px;
    }
    .pm-home-redesign .hm-v2-actions .hm-btn,
    .pm-home-redesign .hm-v2-dashboard-copy .hm-btn {
        width: 100%;
    }
    .pm-home-redesign .hm-v2-proof {
        display: grid;
        grid-template-columns: 1fr;
        justify-content: stretch;
    }
    .pm-home-redesign .hm-v2-rating {
        justify-content: flex-start;
    }
    .pm-home-redesign .hm-v2-laptop {
        padding: 8px;
        border-width: 5px;
        border-bottom-width: 12px;
        border-radius: 16px;
    }
    .pm-home-redesign .hm-v2-trust-card {
        position: static;
        width: 100%;
        margin-top: 18px;
    }
    .pm-home-redesign .hm-v2-value-strip,
    .pm-home-redesign .hm-v2-step-grid,
    .pm-home-redesign .hm-v2-feature-grid,
    .pm-home-redesign .hm-v2-plan-grid,
    .pm-home-redesign .hm-v2-audience-grid,
    .pm-home-redesign .hm-v2-check-grid,
    .pm-home-redesign .hm-v2-plan-note {
        grid-template-columns: 1fr;
    }
    .pm-home-redesign .hm-v2-value-strip article {
        border-right: 0;
        border-bottom: 1px solid #dce8f8;
        padding: 18px;
    }
    .pm-home-redesign .hm-v2-value-strip article:last-child {
        border-bottom: 0;
    }
    .pm-home-redesign .hm-v2-step-grid {
        padding: 18px;
        gap: 18px;
    }
    .pm-home-redesign .hm-v2-step-card,
    .pm-home-redesign .hm-v2-feature-card,
    .pm-home-redesign .hm-v2-audience-card,
    .pm-home-redesign .hm-v2-plan-card {
        border-radius: 18px;
    }
    .pm-home-redesign .hm-v2-dashboard-image img {
        border-width: 5px;
        border-radius: 16px;
    }
    .pm-home-redesign .hm-v2-plan-note {
        text-align: center;
        justify-items: center;
    }
}
