:root{--red:#e70216;--accent:#ef173d;--ink:#10151a;--muted:#5f6368;--line:#e5e7eb;--pink:#fef1ee;--max:1400px}body{line-height:1.55}button{font:inherit}.button{border:0;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;text-align:center;font-weight:500;cursor:pointer;transition:transform .2s,box-shadow .2s,background .2s,color .2s,border-color .2s}.button:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(16,21,26,.12)}.button-signin{border:1px solid rgba(161,161,161,.5);background:#fff}.button-download{color:#fff;background:linear-gradient(90deg,#ff6c27,#e82b45 50%,#5c2ae8);gap:7px}
.hero{height:793px;position:relative;overflow:hidden;background:var(--pink)}.hero-glow{position:absolute;width:900px;height:650px;left:-420px;top:-480px;border-radius:50%;background:rgba(255,70,80,.45);filter:blur(65px)}.hero-grid{height:100%;display:grid;grid-template-columns:560px minmax(0,1fr);gap:70px;align-items:center;position:relative}.product-pill{display:inline-flex;align-items:center;gap:9px;height:52px;padding:0 28px;border:1px solid #ffc7cc;border-radius:999px;background:rgba(255,255,255,.65);color:#ff314f;font-weight:500;margin-bottom:6px}.hero-copy h1{font-size:56px;line-height:1.22;letter-spacing:-2px;margin:0 0 10px;font-weight:700}.hero-copy>p{font-size:20px;line-height:1.7;color:#676767;margin:0 0 8px}.platform-switch{width:155px;height:29px;padding:2.5px;background:rgba(250,157,136,.18);border-radius:20px;display:flex;margin:6px 0 16px;font-size:11px;color:#2d2d2d}.platform-switch span{width:75px;height:24px;display:flex;align-items:center;justify-content:center;gap:5px;border-radius:20px}.platform-switch span img{flex:none}.platform-switch .active{background:#fff}.hero-actions{display:grid;grid-template-columns:1fr 1fr;gap:16px}.hero-actions .button{height:52px}.button-primary{color:#fff;background:var(--red)}.button-stack{flex-direction:column;line-height:1.1}.button-stack strong{font-size:15px;font-weight:500}.button-stack small{font-size:12px;opacity:.75}.button-secondary{background:#fff;border:1px solid #e5e7eb;color:#111827;font-size:15px}.trust-list{display:flex;gap:24px;margin-top:12px;color:#4b5563;font-size:13px}.trust-list span{display:flex;align-items:center;gap:6px;white-space:nowrap}.media-placeholder{border:1px solid #e5e7eb;border-radius:16px;background:linear-gradient(145deg,#fff,#eef0f5);box-shadow:0 16px 32px rgba(0,0,0,.05);display:grid;place-items:center;color:#9da1aa;font-size:11px;letter-spacing:1px;text-align:center}.hero-visual{height:552px}
.section{padding:120px 0}.section-heading{text-align:center;max-width:942px;margin:0 auto 80px}.section-heading.wide{max-width:1108px}.section-heading h2,.comparison-section h2{font-size:46px;line-height:1.25;letter-spacing:-1px;color:#0f172a;margin:0;font-weight:700}.section-heading p{font-size:16px;line-height:1.7;color:#71717a;margin:20px 0 0}.feature-list{display:flex;flex-direction:column}.workflow-list{gap:120px}.compliance-list{gap:120px}.feature-row{display:grid;grid-template-columns:540px minmax(0,780px);gap:80px;align-items:center}.feature-row.reverse{grid-template-columns:minmax(0,780px) 540px}.feature-row.reverse .feature-copy{order:2}.feature-row.reverse .feature-visual{order:1}.feature-copy h3{font-size:36px;line-height:1.25;margin:0 0 24px;font-weight:800;color:#1a1a1a}.feature-copy p{font-size:15px;line-height:1.8;color:var(--muted);margin:0}.feature-copy p+p{margin-top:24px}.feature-copy p strong{font-weight:800;color:#1a1a1a}.feature-copy .edge{border-left:3px solid var(--accent);padding-left:16px}.feature-copy .edge strong{color:var(--accent)}.feature-visual{height:480px}.feature-visual.compact{height:436px}.workflow-section{padding-top:130px}.compliance-section{padding-top:140px}.compact-row{align-items:center}
.comparison-section{padding-top:100px;padding-bottom:160px}.comparison-container{max-width:1200px}.comparison-section h2{text-align:center;margin-bottom:58px}.table-wrap{overflow:auto;border-radius:12px}.table-wrap table{border-collapse:collapse;width:100%;min-width:900px;table-layout:fixed}.table-wrap thead{background:#2c2c2c;color:#fff}.table-wrap th,.table-wrap td{text-align:left;padding:25px 48px;border:1px solid #e0e0e0;font-size:14px;line-height:1.45}.table-wrap thead th:nth-child(1){width:24%}.table-wrap thead th:nth-child(2){width:35%}.table-wrap thead th:nth-child(3){width:41%}.table-wrap tbody th{width:auto;white-space:nowrap;font-weight:600}.table-wrap tbody td:nth-child(2){color:#4e535a}.table-wrap tbody td:nth-child(3){font-weight:600}.table-wrap .cell-content{display:grid;grid-template-columns:24px minmax(0,1fr);gap:12px;align-items:start;text-align:left}.table-wrap td i{display:inline-grid;place-items:center;width:24px;height:24px;border-radius:6px;margin-right:0;background:#eaeaea}.table-wrap td:nth-child(3) i{background:var(--red);color:#fff}.table-wrap .cell-content>span{display:block;min-width:0;text-align:left}
.final-cta{height:575px;background:var(--red);color:#fff;position:relative;overflow:hidden}.cta-rings{position:absolute;width:570px;height:570px;border:90px solid rgba(255,255,255,.12);border-radius:50%;right:240px;top:-245px}.cta-rings:after{content:"";position:absolute;inset:70px;border:70px solid rgba(255,255,255,.1);border-radius:50%}.cta-grid{height:100%;display:grid;grid-template-columns:735px 1fr;gap:10px;align-items:center}.cta-copy{padding-left:55px;position:relative;z-index:2}.cta-copy h2{font-size:43px;line-height:1.25;margin:0 0 20px}.cta-copy>p{font-size:18px;line-height:1.55;margin:0 0 12px}.platform-switch.light{background:rgba(229,228,228,.6)}.cta-actions{display:flex;gap:20px}.cta-actions .button{height:64px;font-weight:600}.cta-primary{width:174px;background:#fff;color:var(--red)}.cta-secondary{width:414px;border:1.5px solid #fff;color:#fff}.cta-secondary:hover{background:#fff;color:var(--red)}.cta-trust{display:flex;margin-top:20px;font-size:13px}.cta-trust span{display:flex;align-items:center;gap:6px}.cta-trust span+span{margin-left:16px;padding-left:16px;border-left:1px solid rgba(255,255,255,.45)}.cta-visual{height:460px;align-self:end;background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.3);box-shadow:none;color:rgba(255,255,255,.65)}
@media (min-width:997px) and (max-width:1400px){.hero-grid{grid-template-columns:43% 57%;gap:30px}.hero-copy h1{font-size:clamp(45px,4.1vw,56px)}.hero-copy>p{font-size:18px}.hero-visual{height:auto;aspect-ratio:853/615}.feature-row{grid-template-columns:40% 1fr;gap:6%}.feature-row.reverse{grid-template-columns:1fr 40%}.feature-copy h3{font-size:30px}.feature-visual{height:auto;aspect-ratio:780/480}.feature-visual.compact{height:auto}.cta-grid{grid-template-columns:55% 45%}.cta-copy{padding-left:0}.cta-copy h2{font-size:38px}.cta-copy>p{font-size:16px}.cta-trust{font-size:11px}}
@media (min-width:768px) and (max-width:996px){.hero{height:auto;min-height:1050px;padding:70px 0}.hero-grid{grid-template-columns:1fr;gap:50px}.hero-copy{text-align:center;max-width:720px;margin:auto}.product-pill,.platform-switch{margin-inline:auto}.hero-copy h1{font-size:50px}.hero-actions{max-width:600px;margin:auto}.trust-list{justify-content:center}.hero-visual{max-width:760px;width:100%;height:auto;aspect-ratio:853/615;margin:auto}.section-heading h2,.comparison-section h2{font-size:40px}.section-heading h2 br{display:none}.feature-row,.feature-row.reverse{grid-template-columns:1fr;gap:40px}.feature-row.reverse .feature-copy,.feature-row.reverse .feature-visual{order:initial}.feature-copy{max-width:680px;margin:auto}.feature-visual{width:100%;height:auto;aspect-ratio:780/480}.feature-list{gap:90px}.final-cta{height:auto;min-height:760px;padding:75px 0 0}.cta-grid{display:block}.cta-copy{padding:0;max-width:700px}.cta-visual{height:300px;margin-top:30px}}
@media (max-width:767px){.hero{height:auto;padding:54px 0}.hero-grid{display:flex;flex-direction:column;gap:40px}.hero-copy{text-align:center}.product-pill{height:42px;padding:0 18px;font-size:13px}.hero-copy h1{font-size:38px;line-height:1.18;letter-spacing:-1px}.hero-copy h1 br{display:none}.hero-copy>p{font-size:16px}.platform-switch{margin-inline:auto}.hero-actions{grid-template-columns:1fr}.trust-list{justify-content:center;flex-wrap:wrap;gap:8px 16px}.hero-visual{width:100%;height:auto;aspect-ratio:1.4}.section{padding:72px 0}.section-heading{margin-bottom:55px}.section-heading h2,.comparison-section h2{font-size:29px;line-height:1.3}.section-heading h2 br{display:none}.section-heading p{font-size:14px}.feature-list{gap:70px}.feature-row,.feature-row.reverse{display:flex;flex-direction:column;gap:28px}.feature-row.reverse .feature-copy,.feature-row.reverse .feature-visual{order:initial}.feature-copy h3{font-size:27px}.feature-copy p{font-size:14px}.feature-visual,.feature-visual.compact{width:100%;height:auto;aspect-ratio:1.5}.comparison-section{padding-bottom:90px}.table-wrap{margin-inline:-16px}.table-wrap th,.table-wrap td{padding:18px 22px}.table-wrap td{padding-left:58px}.status{left:22px}.final-cta{height:auto;min-height:800px;padding:70px 0 0}.cta-grid{display:block}.cta-copy{padding:0;text-align:center}.cta-copy h2{font-size:31px}.cta-copy>p{font-size:15px}.cta-actions{flex-direction:column}.cta-primary,.cta-secondary{width:100%}.cta-trust{justify-content:center;flex-wrap:wrap;gap:10px;font-size:11px}.cta-trust span+span{margin:0;padding:0;border:0}.cta-visual{height:260px;margin-top:25px}.cta-rings{right:-300px}}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important}}
@media (max-width:767px){.table-wrap{border-radius:0}.table-wrap th,.table-wrap td{padding:18px 22px}.table-wrap td{padding-left:22px}}

/* Exported artwork: scale without adding visual boxes, shadows, or filters. */
.hero{background:#fef1ee url("../img/pdf-product-pages/banner-bg.png") center/cover no-repeat}
.hero-glow,.cta-rings{display:none}
.hero-visual{display:flex;align-items:center;justify-content:center;box-shadow:none;filter:none}
.hero-visual img{width:100%;height:100%;object-fit:contain;box-shadow:none;filter:none}
.feature-visual,.feature-visual.compact{display:block;width:100%;height:auto;aspect-ratio:auto;object-fit:contain;box-shadow:none;filter:drop-shadow(0 4px 28px rgba(25,30,45,.12))}
.final-cta{background:#e70216 url("../img/pdf-product-pages/banner2-bg.png") center/cover no-repeat}
.cta-visual{height:100%;align-self:stretch;position:relative;background:none;border:0;box-shadow:none}
.cta-visual img{position:absolute;right:0;bottom:0;width:min(100%,559px);max-height:531px;object-fit:contain;object-position:right bottom;box-shadow:none;filter:none}
@media (min-width:768px) and (max-width:996px){.cta-visual{height:300px}.cta-visual img{right:50%;transform:translateX(50%);width:min(100%,316px);max-height:300px}}
@media (max-width:767px){.cta-visual{height:260px}.cta-visual img{right:50%;transform:translateX(50%);width:min(100%,274px);max-height:260px}}
@media (max-width:767px){.feature-visual,.feature-visual.compact{filter:drop-shadow(0 4px 28px rgba(25,30,45,.12))}}

/* Clear responsive heading hierarchy: H3 must remain lighter and smaller than H2. */
.section-heading h2,.comparison-section h2{font-size:46px;font-weight:700}
.feature-copy h3{font-size:32px;font-weight:600}
@media (min-width:997px) and (max-width:1400px){.section-heading h2,.comparison-section h2{font-size:42px}.feature-copy h3{font-size:29px}}
@media (min-width:768px) and (max-width:996px){.section-heading h2,.comparison-section h2{font-size:38px}.feature-copy h3{font-size:27px}}
@media (max-width:767px){.section-heading h2,.comparison-section h2{font-size:30px}.feature-copy h3{font-size:23px}}

/* Progressive entrance motion */
.reveal{opacity:0;transform:translate3d(0,28px,0);transition:opacity .72s cubic-bezier(.22,1,.36,1),transform .72s cubic-bezier(.22,1,.36,1);transition-delay:var(--reveal-delay,0ms);will-change:opacity,transform}
.reveal.visible{opacity:1;transform:translate3d(0,0,0);will-change:auto}
@media (prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none;transition:none}}