/* E-sign product showcase under the standalone eSign block. Layout from Figma "Frame 1618873963" (point B, node 16260:48033);
   the window content and its walkthrough from Landing / Scroll to Product (Motion) (16253:24443).
   The product layer (.es-product) is the 1440x948 light section in Figma px, scaled by --es-zoom and centered with --es-offset.
   esign-flow.js moves the window from point A (right under the eSign copy, 1002px wide; Figma 16265:83116) to point B
   (938px, lower, side cards in) as the section scrolls up. */
.standalone-section{padding-bottom:0}
.standalone-section .standalone-band{border-top:0;border-bottom:0;padding-bottom:40px}
/* On /esign the showcase follows the hero directly. */
.esign-hero{padding-bottom:40px}
.es-showcase{position:relative;overflow:hidden;background:linear-gradient(180deg,#fafbf8 0,#fafbf8 45%,#eaf0e3 80%,#dceac8)}
.es-light{position:absolute;inset:0;overflow:hidden;pointer-events:none}
.es-frame{position:relative;display:grid;justify-items:start}
.es-product{zoom:var(--es-zoom,.25);margin-left:var(--es-offset,0);position:relative;width:1440px;height:948px;font-family:Inter,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;color:#09090b;text-align:left}
.es-product *{box-sizing:border-box}
.es-product b{font-weight:500}
.es-product i,.es-product em{font-style:normal}
.es-product img{display:block;max-width:none}
.es-product p{margin:0}
.es-glow{position:absolute;top:120px;width:1000px;height:1600px}
.es-glow-r{right:-440px}
.es-glow-l{left:-540px}
.es-stripes{position:absolute;inset:0;background:repeating-linear-gradient(90deg,rgba(255,255,255,.7) 0 1px,transparent 1px 30px);-webkit-mask-image:linear-gradient(180deg,transparent 35%,#000);mask-image:linear-gradient(180deg,transparent 35%,#000)}

/* Shared bits inside the product window (1 unit ≈ .651px) */
.es-i9{width:9.119px;height:9.119px}
.es-i10{width:10.422px;height:10.422px}
.es-i13{width:13.028px;height:13.028px}
.es-btn{display:inline-flex;align-items:center;justify-content:center;flex:none;height:23.45px;padding:0 10.42px;border-radius:3.9px;font-size:9.12px;font-weight:500;white-space:nowrap}
.es-btn-brand{background:#0246ba;color:#fff}
.es-btn-outline{background:#fff;border:.651px solid #e4e4e7;color:#09090b}
.es-btn-icon{width:23.45px;padding:0;background:#fff;border:.651px solid #e4e4e7;color:#09090b;font-size:12px;letter-spacing:-1px}
.es-tabs{display:flex;padding:1.954px;background:#f5f5f5;border-radius:6.514px}
.es-tabs span{flex:1;padding:3.908px 7.817px;border-radius:5.211px;font-size:9.12px;font-weight:500;line-height:13.028px;text-align:center;color:#71717a}
.es-tabs .es-tab-on{background:#fff;border:.651px solid #e4e4e7;border-radius:2.606px;color:#0246ba;box-shadow:0 .651px 1.954px rgba(0,0,0,.1),0 .651px 1.303px -1px rgba(0,0,0,.1)}
.es-legal{font-size:7.82px;line-height:10.422px;color:#71717a}

/* Review and Sign window */
.es-win{position:absolute;left:251px;top:177.33px;width:938px;height:625.333px;overflow:hidden;background:#fff;border:1.78px solid rgba(216,228,215,.28);border-radius:7.12px;box-shadow:0 17.8px 22.25px -4.45px rgba(0,0,0,.1),0 8.9px 8.9px -4.45px rgba(0,0,0,.04)}
.es-win>*{position:absolute}
.es-winhead{left:-1.78px;top:-1.78px;display:flex;align-items:center;gap:10.422px;width:938px;height:53.414px;padding:10.422px 15.633px;background:#fff;border-bottom:.651px solid #e4e4e7}
.es-winhead>div{display:flex;flex:1;flex-direction:column;gap:1.303px;white-space:nowrap}
.es-winhead b{font-size:11.72px;font-weight:600;line-height:18.239px}
.es-winhead span{font-size:9.12px;line-height:13.028px;color:#71717a}
.es-x{display:grid;place-items:center;width:23.45px;height:23.45px}
.es-nav{left:-1.78px;top:51.63px;width:168.058px;height:571.919px;padding:10.422px 7.817px;background:#f4f4f5;border-right:.651px solid #e4e4e7}
.es-navhead{position:relative;display:flex;align-items:center;gap:5.211px;padding:3.908px 5.211px}
.es-navhead b{flex:1;font-size:9.12px;font-weight:400;line-height:13.028px}
.es-count{font-size:7.82px;line-height:10.422px;color:#71717a;background:#f4f4f5}
.es-count.es-layer{position:absolute;right:5.211px}
.es-doccontent{left:166.28px;top:95.93px;width:769.942px;height:527.625px;background:#fafafa}
.es-viewport{left:166.28px;top:95.93px;width:769.942px;height:527.625px;overflow:hidden}
.es-scrollc{position:absolute;left:0;top:0;width:769.942px;height:3126.667px}
.es-page{position:absolute;left:202.58px;display:flex;flex-direction:column;gap:15.633px;width:364.778px;padding:26.056px;background:#fff;border:.651px solid #e4e4e7;border-radius:5.211px;font-size:9.12px;line-height:13.028px}
.es-doc-title{font-size:11.72px;font-weight:600!important;line-height:18.239px;text-align:center}
.es-details{display:flex;flex-direction:column;gap:2.606px}
.es-row{display:flex;gap:10.422px}
.es-row span:first-child{flex:none;width:88.589px;color:#71717a}
.es-cert-title{font-weight:600!important;text-align:center}
.es-spacer{flex:1}
.es-sigblock{display:flex;gap:20.844px}
.es-sigline{display:flex;flex-direction:column;gap:5.211px;width:130.278px}
.es-sigline>i{display:block;height:.651px;background:#a1a1aa}
.es-field{display:flex;align-items:center;justify-content:center;gap:2.606px;width:106.828px;height:28.661px;padding:5.211px 10.422px;background:rgba(2,70,186,.06);border:.651px dashed #9abfff;border-radius:5.211px;font-size:10.42px;font-weight:500;line-height:15.633px;color:#0246ba;white-space:nowrap}
.es-abs{position:absolute}
.es-current{background:rgba(99,156,253,.12)}
.es-tip{position:absolute;left:9.77px;top:-24.1px;padding:3.908px 5.211px;background:#000;border-radius:5.211px;font-size:7.82px;font-weight:400;line-height:1.5;letter-spacing:.12px;color:#fff}
.es-tip-i{left:5.86px}
.es-tip img{position:absolute;left:50%;bottom:-3.04px;width:7.491px;translate:-50%}
.es-filled{background:#e6f4f0;border:.651px solid #047857;color:#09090b}
.es-applied{position:absolute;width:91.359px;height:26.056px}
.es-dochead{left:166.28px;top:51.63px;display:flex;align-items:center;gap:7.817px;width:769.942px;height:44.294px;padding:7.817px 15.633px;background:#fff;border-bottom:.651px solid #e4e4e7}
.es-dochead>b{font-size:10.42px;line-height:15.633px;white-space:nowrap}
.es-badge{margin-right:auto;padding:1.303px 5.211px;border-radius:15.633px;font-size:7.82px;font-weight:500;line-height:10.422px;white-space:nowrap}
.es-pending{background:rgba(234,179,8,.1);color:#a16207}
.es-inprog{background:rgba(2,70,186,.06);color:#0246ba}
.es-signed{background:rgba(5,150,105,.1);color:#047857}
.es-dochead .es-progress{display:flex;align-items:center;gap:7.817px;padding:5.211px 15.633px;background:#fff;font-size:9.12px;line-height:13.028px;color:#71717a;white-space:nowrap}
.es-dots{display:flex;gap:2.606px}
.es-dots i{width:5.211px;height:5.211px;border-radius:7.817px;background:#e4e4e7}
.es-dots .es-b{background:#0246ba}
.es-dots .es-g{background:#047857}
.es-docrow{left:6.04px;display:flex;align-items:flex-start;gap:5.211px;width:152.425px;height:31.267px;padding:3.908px 5.211px;border-radius:5.211px;background:#f4f4f5}
.es-docrow>span:last-child{display:flex;flex-direction:column;gap:1.303px;min-width:0}
.es-docrow b{font-size:9.12px;line-height:13.028px}
.es-docrow small{font-size:7.82px;line-height:10.422px;color:#71717a}
.es-status{display:grid;place-items:center;flex:none;width:13.028px;height:13.028px;border-radius:2.606px;background:#f4f4f5}
.es-docrow.es-r-current{background:rgba(2,70,186,.06)}
.es-docrow.es-r-current b{color:#0246ba}
.es-docrow.es-r-current .es-status{background:rgba(2,70,186,.06)}
.es-docrow.es-r-done .es-status{background:rgba(5,150,105,.1)}
.es-thumb{left:9.95px;width:72.956px;height:99.141px;overflow:hidden;background:#fff;border:.13px solid #e4e4e7;border-radius:1.042px;filter:drop-shadow(0 3.908px 5.211px rgba(0,0,0,.14))}
.es-page.es-mini{position:static;zoom:.2;height:495.7px;border:0}
.es-summary{left:166.28px;top:51.63px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7.817px;width:769.942px;height:571.919px;padding:0 228.6px;background:#f4f4f5;text-align:center}
.es-bigcheck{display:grid;place-items:center;width:23.45px;height:23.45px;border-radius:5.211px;background:rgba(5,150,105,.1)}
.es-bigcheck img{width:15.633px;height:15.633px}
.es-summary b{font-size:15.633px;font-weight:600;line-height:20.844px;white-space:nowrap}
.es-summary p{font-size:9.119px;line-height:13.028px;color:#71717a}
.es-toast{left:624.2px;top:106.35px;display:flex;align-items:flex-start;gap:10.422px;width:296.382px;padding:10.422px;background:#fff;border:.651px solid #e4e4e7;border-radius:3.908px;box-shadow:0 6.514px 9.771px -3px rgba(0,0,0,.05),0 2.606px 3.908px -2px rgba(0,0,0,.05);font-size:9.12px;line-height:13.028px}
.es-toast div{display:flex;flex-direction:column;gap:2.606px}
.es-toast b{font-weight:600}
.es-dim{left:-1.78px;top:-1.78px;width:938px;height:625.333px;background:rgba(0,0,0,.52)}
.es-dialog{left:271.8px;top:142.83px;width:390.833px;background:#fff;border:.651px solid #e4e4e7;border-radius:5.211px;filter:drop-shadow(0 6.514px 4.885px rgba(0,0,0,.05)) drop-shadow(0 2.606px 1.954px rgba(0,0,0,.05))}
.es-dh{display:flex;align-items:center;justify-content:space-between;padding:10.422px;border-bottom:.651px solid #e4e4e7}
.es-dh b{font-size:11.72px;font-weight:600;line-height:18.239px}
.es-dc{display:flex;flex-direction:column;gap:10.422px;padding:10.422px}
.es-dc>p:first-child{font-size:9.12px;line-height:13.028px;color:#71717a}
.es-canvas{display:flex;align-items:flex-end;height:101.617px;padding:10.422px;border:.651px solid #e4e4e7;border-radius:5.211px}
.es-canvas i{display:block;width:100%;border-top:.651px dashed #d4d4d8}
.es-clear{align-self:flex-end;margin-top:-7.8px;font-size:9.12px;font-weight:500;color:#0246ba}
.es-df{display:flex;justify-content:flex-end;gap:7.817px;padding:10.422px;background:#fafafa;border-top:.651px solid #e4e4e7;border-radius:0 0 5.211px 5.211px}
.es-drawn{left:377.33px;top:287.44px;width:180.435px;height:51.46px}
.es-drawn img{width:100%;height:100%}
.es-cursor{left:862.61px;top:72.48px;width:15.633px;height:18.239px}

/* Side cards */
.es-card{position:absolute;background:#fff;border-radius:8px}
.es-adopt{left:64px;top:85px;width:294.686px;border:.491px solid #e4e4e7;filter:drop-shadow(0 9.823px 6.139px rgba(0,0,0,.1)) drop-shadow(0 4.911px 2.456px rgba(0,0,0,.04))}
.es-ch{display:flex;align-items:center;justify-content:space-between;padding:7.858px;border-bottom:.491px solid #e4e4e7}
.es-ch b{font-size:8.84px;font-weight:600;line-height:13.752px}
.es-ch img{width:7.858px;height:7.858px}
.es-cc{display:flex;flex-direction:column;gap:7.858px;padding:7.858px}
.es-cc>p:first-child{font-size:6.88px;line-height:9.823px;color:#71717a}
.es-adopt .es-tabs{padding:1.473px;border-radius:4.911px}
.es-adopt .es-tabs span{padding:2.947px 5.894px;font-size:6.88px;line-height:9.823px}
.es-adopt label{margin-bottom:-5.9px;font-size:7.86px;font-weight:500;line-height:11.787px}
.es-input{min-height:17.68px;padding:2.95px 5.894px;border:.491px solid #e4e4e7;border-radius:2.947px;font-size:7.86px;line-height:11.787px}
.es-styles{display:grid;grid-template-columns:1fr 1fr;gap:7.858px}
.es-styles span{display:grid;place-items:center;height:39.291px;border:.491px solid #e4e4e7;border-radius:3.929px;font-size:13.75px;color:#71717a;white-space:nowrap}
.es-styles .es-style-on{background:rgba(2,70,186,.06);border-color:#0246ba;color:#0246ba}
.es-f1{font-family:"Dancing Script","Snell Roundhand","Brush Script MT",cursive}
.es-f2{font-family:"Great Vibes","Apple Chancery","Brush Script MT",cursive}
.es-f3{font-family:Sacramento,"Snell Roundhand",cursive;font-weight:300}
.es-f4{font-family:Caveat,"Bradley Hand","Segoe Print",cursive}
.es-adopt .es-legal{font-size:5.89px;line-height:7.858px}
.es-cf{display:flex;justify-content:flex-end;gap:5.894px;padding:7.858px;background:#fafafa;border-top:.491px solid #e4e4e7;border-radius:0 0 8px 8px}
.es-cf .es-btn{height:17.68px;padding:0 7.86px;border-radius:2.95px;font-size:6.88px}
.es-wet{left:1121px;top:416px;display:flex;flex-direction:column;gap:9.699px;width:254.589px;padding:14.548px;border-left:.606px solid #e4e4e7;box-shadow:0 12.123px 15.154px -3.031px rgba(0,0,0,.1),0 6.062px 6.062px -3.031px rgba(0,0,0,.04);font-size:8.49px;line-height:12.123px}
.es-wet-title{display:flex;gap:7.274px}
.es-pencil{display:grid;place-items:center;flex:none;width:21.822px;height:21.822px;border-radius:4.849px;background:rgba(234,179,8,.1)}
.es-pencil img{width:14.548px;height:14.548px}
.es-wet-title b{font-size:10.91px;font-weight:600;line-height:16.973px}
.es-wet-progress{display:flex;flex-direction:column;gap:2.425px}
.es-wet-progress>span{display:flex;justify-content:space-between;font-size:7.27px;line-height:9.699px;color:#71717a}
.es-wet-progress>i,.es-bar>i{display:block;position:relative;height:4.849px;border-radius:9px;background:#f4f4f5;overflow:hidden}
.es-wet-progress>i>i{position:absolute;left:0;top:0;bottom:0;width:112.747px;background:#0246ba}
.es-step{display:flex;align-items:center;gap:9.699px;padding:7.274px 9.699px;border:.606px solid #e4e4e7;border-radius:4.849px}
.es-step>span:nth-child(2){display:flex;flex:1;flex-direction:column}
.es-step b,.es-step-h b{font-size:9.7px;line-height:14.548px}
.es-step small{font-size:8.49px;color:#71717a}
.es-step-i{display:grid;place-items:center;flex:none;width:21.822px;height:21.822px;border-radius:2.425px;background:rgba(2,70,186,.06);font-size:7.27px;font-weight:500;color:#0246ba}
.es-step-i.es-ok{background:rgba(5,150,105,.1)}
.es-step-i img{width:8.486px;height:8.486px}
.es-chev{width:21.822px;text-align:center;font-size:11px;color:#09090b}
.es-step-open{display:flex;flex-direction:column;align-items:stretch;gap:7.274px;padding:0 9.699px 9.699px;border-color:#0246ba}
.es-step-h{display:flex;align-items:center;gap:9.699px;padding:7.274px 0 0}
.es-step-h b{flex:1}
.es-step-open ul{margin:0;padding-left:12.7px;list-style:disc;color:#71717a}
.es-drop{display:flex;flex-direction:column;align-items:center;gap:2.425px;padding:9.699px 14.548px;border:.606px solid #e4e4e7;border-radius:4.849px;text-align:center;color:#71717a}
.es-drop>span{display:grid;place-items:center;width:24.247px;height:24.247px;margin-bottom:4.85px;border-radius:4.849px;background:#f5f5f5}
.es-drop>span img{width:14.548px;height:14.548px}
.es-drop u{font-weight:600;color:#0246ba}
.es-drop small{font-size:7.27px;line-height:9.699px}
.es-file{position:relative;display:flex;gap:7.274px;padding:9.699px;border:.606px solid #e4e4e7;border-radius:4.849px}
.es-file>span:nth-child(2){display:flex;flex:1;flex-direction:column;gap:2.425px}
.es-file b{color:#09090b}
.es-file small{font-size:8.49px;color:#475467}
.es-pdf{position:relative;flex:none;width:24.247px;height:24.247px}
.es-pdf img{position:absolute;inset:0 2.5% 0 17.5%;width:80%;height:100%}
.es-pdf i{position:absolute;left:2.5%;top:45%;padding:1.2px 1.8px;border-radius:1.2px;background:#dc2626;font-size:6.06px;font-weight:700;line-height:1;color:#fafafa}
.es-bar{display:flex;align-items:center;gap:7.274px;font-weight:500;color:#09090b}
.es-bar>i{flex:1}
.es-bar>i>i{position:absolute;left:0;top:0;bottom:0;width:42%;background:#0246ba}
.es-trash{position:absolute;right:10px;top:10px;width:9.699px;height:9.699px}
.es-note{font-size:7.27px;line-height:9.699px;color:#71717a}

@media(max-width:999px){.es-card{display:none}}

/* /esign round trip (Figma: eSign / Round trip / Variant B (Encompass at the sides), node 16318:155028).
   Same showcase and motion as the homepage; the side cards are Encompass panels with step labels 1-3 on a dashed route.
   Coordinates are Figma px with the section's y=540 as the top of the product layer. */
.esign-hero-center{display:flex;flex-direction:column;align-items:center;gap:0;max-width:720px;margin:0 auto;text-align:center}
.esign-hero-center h1{font-size:clamp(42px,5vw,64px);font-weight:700;line-height:1.12}
.esign-hero-center h1 em{font-style:normal;color:#4c8364}
.esign-hero-center .esign-lede{max-width:668px;margin:0 auto}
.esign-hero-center .esign-actions{justify-content:center;align-items:center;gap:32px}
.es-roundtrip .es-product{height:880px}
.es-roundtrip .es-win{top:120px}
.es-roundtrip .es-card{background:none;border:0;box-shadow:none;filter:none;padding:0}
.ec-send{left:65px;top:9px;width:295px}
.ec-efolder{left:982px;top:441px;width:392px}
.ec-route{position:absolute;left:230px;top:22px;width:991px;height:433px}
.ec-step{display:inline-flex;align-items:center;gap:6px;padding:4px 10px 4px 4px;background:#fff;border:1px solid #e4e4e7;border-radius:999px;font-size:11px;font-weight:500;line-height:16px;color:#09090b;white-space:nowrap}
.ec-step i{display:grid;place-items:center;width:18px;height:18px;border-radius:50%;background:#214d3c;font-size:9px;font-weight:600;color:#fff}
.ec-step-2{position:absolute;left:666px;top:80px}
.ec-step-3{margin-left:226px}
.ec-panel{margin-top:10px;overflow:hidden;background:#fff;border-radius:8px;box-shadow:0 6px 8px -4px rgba(0,0,0,.04),0 16px 24px -4px rgba(0,0,0,.1)}
.ec-bar{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#13294b;white-space:nowrap}
.ec-bar b{font-size:11px;font-weight:600;line-height:16px;color:#fff}
.ec-bar>span:last-child{font-size:9px;line-height:13px;color:#b8c4d6}
.ec-mark{display:grid;grid-template-columns:5.5px 5.5px;gap:1px;flex:none}
.ec-mark i{width:5.5px;height:5.5px;border-radius:1px;background:#fff}
.ec-mark i:nth-child(1),.ec-mark i:nth-child(4){background:#7fb2ff}
.ec-head{display:flex;flex-direction:column;gap:2px;padding:12px 14px 10px;border-bottom:1px solid #f4f4f5;white-space:nowrap}
.ec-head b{font-size:12px;font-weight:600;line-height:17px}
.ec-head span{font-size:9px;line-height:13px;color:#71717a}
.ec-doc{display:flex;align-items:center;gap:8px;padding:7px 14px;font-size:9.5px;font-weight:500;line-height:14px}
.ec-doc>span:nth-child(2){flex:1}
.ec-doc em{padding:1px 6px;border-radius:16px;background:rgba(2,70,186,.06);font-size:8px;font-weight:500;line-height:12px;color:#0246ba}
.ec-pdf{position:relative;flex:none;width:18px;height:22px;background:#fff;border:1px solid #e4e4e7;border-radius:2px}
.ec-pdf i{position:absolute;left:-4px;top:9px;width:14px;height:7px;padding-left:2px;border-radius:1px;background:#dc2626;font-size:5px;font-weight:600;line-height:7px;color:#fff}
.ec-foot{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;background:#fafafa;font-size:9px;line-height:13px;color:#71717a}
.ec-foot b{padding:5px 10px;border-radius:4px;background:#0246ba;font-weight:500;color:#fff;white-space:pre}
.ec-body{display:flex;flex-direction:column;gap:8px;padding:10px 12px 12px}
.ec-banner{display:flex;align-items:center;gap:6px;padding:6px 10px;background:#e6f4f0;border:1px solid #a7d8c6;border-radius:5px;font-size:8.5px;font-weight:500;line-height:12px;color:#065f46;white-space:nowrap}
.ec-banner b{font-size:9px;font-weight:600;color:#047857}
.ec-table{overflow:hidden;border:1px solid #e4e4e7;border-radius:5px}
.ec-row{display:grid;grid-template-columns:18px 1fr 48px 44px;gap:8px;align-items:center;padding:6px 10px;border-bottom:1px solid #f4f4f5;font-size:8.5px;line-height:12px;color:#71717a;white-space:nowrap}
.ec-row>span:nth-child(2){overflow:hidden;font-weight:500;color:#09090b;text-overflow:ellipsis}
.ec-row.ec-new{background:#f3faf7}
.ec-row em{padding:1px 5px;border-radius:16px;background:rgba(5,150,105,.1);font-size:7.5px;font-weight:500;line-height:11px;color:#047857}
.ec-row.ec-th{background:#fafafa;font-size:7px;font-weight:500;line-height:10px;letter-spacing:.4px}
.ec-row.ec-th>span:nth-child(2){font-weight:500;color:#71717a}
.ec-mini{position:relative;width:14px;height:17px;background:#fff;border:1px solid #e4e4e7;border-radius:2px}
.ec-mini::after{content:"";position:absolute;left:-3px;top:7px;width:11px;height:5px;border-radius:1px;background:#dc2626}
.ec-th .ec-mini{visibility:hidden}
@media(max-width:999px){.es-roundtrip .ec-route,.es-roundtrip .ec-step-2{display:none}}
/* On /esign the hero sits inside the showcase section so both share one background, as in the Figma frame. */
.es-roundtrip .esign-hero-center{position:relative;z-index:1;padding-left:22px;padding-right:22px}
.es-roundtrip .es-frame{z-index:1}
/* Closing beat: after Finish, an "All documents signed" alert drops in where the "Signature adopted" toast was. */
.es-alert{opacity:0}
.es-alert b{color:#047857}
.es-finish,.es-dochead .es-badge{transform-origin:center}