/* GENERATED by tools/chrome/close_css.py from pricing's closing ("Get started in seconds."). Do not edit.
   source closing=2a322f83bfa5 sheets={"ds2/edge-ds2.css":"9dc3167ab4d1"} */
@font-face { font-family: "Edge Close Inter"; src: url("/assets/ds2/edge-inter.woff2") format("woff2"); font-weight: 100 900; font-style: normal; font-display: swap; }
html:not(#ec0):not(#ec1):not(#ec2):not(#ec3):not(#ec4):not(#ec5):not(#ec6):not(#ec7):not(#ec8) .edge-close{display:block !important;position:relative !important;margin:0 !important;padding:0 !important;width:auto !important;max-width:none !important;background:rgb(245, 243, 235) !important;font-family:"Inter Display", "Edge Close Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif !important;font-size:16px !important;font-weight:400 !important;font-style:normal !important;font-stretch:100% !important;line-height:1.55 !important;color:rgb(22, 37, 30) !important;letter-spacing:normal !important;word-spacing:0px !important;text-transform:none !important;text-align:start !important;font-feature-settings:normal !important;font-variation-settings:normal !important;font-kerning:auto !important;font-optical-sizing:auto !important;-webkit-font-smoothing:antialiased !important;text-rendering:auto !important;white-space:normal !important;overflow-wrap:normal !important;word-break:normal !important;hyphens:manual !important;direction:ltr !important;visibility:visible !important;cursor:auto !important;list-style-type:disc !important;text-indent:0px !important;font-variant-ligatures:normal !important;font-variant-numeric:normal !important;--e-blue-base:#0c35ba !important;--e-w-display:500 !important;--e-blue-top:#3d6cff !important;--e-measure:600px !important;--e-s3:12px !important;--e-ease:cubic-bezier(.2,.7,.2,1) !important;--e-sh-card:0 1px 2px #16251e0a,0 10px 30px #16251e0f !important;--e-key2-bottom:#f2f0e9 !important;--e-font:"Inter Display","Edge Close Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif !important;--e-s4:16px !important;--e-fs-section:48px !important;--e-gutter:clamp(20px,5vw,72px) !important;--e-s16:64px !important;--e-key2-base:#d5d1c5 !important;--e-s2:8px !important;--e-paper:#f5f3eb !important;--e-key2-top:#ffffff !important;--e-t-hover:200ms !important;--e-track:-.035em !important;--e-ink:#16251e !important;--e-r-key:12px !important;--e-muted:#59685f !important;--e-blue:#154cff !important;--e-surface:#ffffff !important;--e-s1:4px !important;--e-fs-lede:18px !important;--e-t-press:90ms !important;}
@media (max-width: 700px){html:not(#ec0):not(#ec1):not(#ec2):not(#ec3):not(#ec4):not(#ec5):not(#ec6):not(#ec7):not(#ec8) .edge-close{--e-fs-section:32px !important;--e-fs-lede:17px !important;}}
@media (max-width: 640px){html:not(#ec0):not(#ec1):not(#ec2):not(#ec3):not(#ec4):not(#ec5):not(#ec6):not(#ec7):not(#ec8) .edge-close{--e-fs-section:32px !important;--e-fs-lede:17px !important;}}
@media (max-width: 560px){html:not(#ec0):not(#ec1):not(#ec2):not(#ec3):not(#ec4):not(#ec5):not(#ec6):not(#ec7):not(#ec8) .edge-close{--e-fs-section:32px !important;--e-fs-lede:17px !important;}}
@media (max-width: 379px){html:not(#ec0):not(#ec1):not(#ec2):not(#ec3):not(#ec4):not(#ec5):not(#ec6):not(#ec7):not(#ec8) .edge-close{--e-fs-section:32px !important;--e-fs-lede:17px !important;}}
html:not(#ec0):not(#ec1):not(#ec2):not(#ec3):not(#ec4):not(#ec5):not(#ec6):not(#ec7):not(#ec8) .edge-close *{box-sizing:border-box !important}
html:not(#ec0):not(#ec1):not(#ec2):not(#ec3):not(#ec4):not(#ec5):not(#ec6):not(#ec7):not(#ec8) .edge-close img{display:block !important;max-width:100% !important}
html:not(#ec0):not(#ec1):not(#ec2):not(#ec3):not(#ec4):not(#ec5):not(#ec6):not(#ec7):not(#ec8) .edge-close a{color:inherit !important}
html:not(#ec0):not(#ec1):not(#ec2):not(#ec3):not(#ec4):not(#ec5):not(#ec6):not(#ec7):not(#ec8) .edge-close h2{font-weight:var(--e-w-display) !important;letter-spacing:var(--e-track) !important;margin:0px !important}
html:not(#ec0):not(#ec1):not(#ec2):not(#ec3):not(#ec4):not(#ec5):not(#ec6):not(#ec7):not(#ec8) .edge-close p{margin:0px !important}
html:not(#ec0):not(#ec1):not(#ec2):not(#ec3):not(#ec4):not(#ec5):not(#ec6):not(#ec7):not(#ec8) .edge-close .e-h2{font-size:var(--e-fs-section) !important;line-height:1.06 !important}
html:not(#ec0):not(#ec1):not(#ec2):not(#ec3):not(#ec4):not(#ec5):not(#ec6):not(#ec7):not(#ec8) .edge-close .e-lede{font-size:var(--e-fs-lede) !important;line-height:1.55 !important;letter-spacing:-0.01em !important;color:var(--e-muted) !important;max-width:var(--e-measure) !important}
html:not(#ec0):not(#ec1):not(#ec2):not(#ec3):not(#ec4):not(#ec5):not(#ec6):not(#ec7):not(#ec8) .edge-close .e-key{--h:48px !important;--base:var(--e-blue-base) !important;--lift:4px !important;position:relative !important;display:inline-flex !important;align-items:center !important;justify-content:center !important;gap:10px !important;height:var(--h) !important;padding:0px 20px !important;margin-bottom:var(--lift) !important;border:0px !important;border-radius:var(--e-r-key) !important;font:500 15px/1 var(--e-font) !important;letter-spacing:-0.01em !important;text-decoration:none !important;white-space:nowrap !important;cursor:pointer !important;user-select:none !important;box-shadow:inset 0 1px 0 var(--hi,#ffffff59),inset 0 -1px 0 #00000014,0 var(--lift) 0 var(--base),0 calc(var(--lift) + 4px) 12px var(--glow,#0c35ba33) !important;transition:transform var(--e-t-press) var(--e-ease),box-shadow var(--e-t-press) var(--e-ease),filter var(--e-t-hover) !important}
html:not(#ec0):not(#ec1):not(#ec2):not(#ec3):not(#ec4):not(#ec5):not(#ec6):not(#ec7):not(#ec8) .edge-close .e-key:hover{filter:brightness(1.05) !important}
html:not(#ec0):not(#ec1):not(#ec2):not(#ec3):not(#ec4):not(#ec5):not(#ec6):not(#ec7):not(#ec8) .edge-close .e-key:active{transform:translateY(2px) !important;box-shadow:inset 0 1px 0 var(--hi,#ffffff40),inset 0 -1px 0 #00000014,0 2px 0 var(--base),0 4px 8px var(--glow,#0c35ba26) !important}
html:not(#ec0):not(#ec1):not(#ec2):not(#ec3):not(#ec4):not(#ec5):not(#ec6):not(#ec7):not(#ec8) .edge-close .e-key--primary{color:rgb(255, 255, 255) !important;background:linear-gradient(180deg,var(--e-blue-top),var(--e-blue) 70%) !important}
html:not(#ec0):not(#ec1):not(#ec2):not(#ec3):not(#ec4):not(#ec5):not(#ec6):not(#ec7):not(#ec8) .edge-close .e-key--secondary{color:var(--e-ink) !important;background:linear-gradient(180deg,var(--e-key2-top),var(--e-key2-bottom)) !important;--base:var(--e-key2-base) !important;--hi:#fff !important;--glow:#16251e1f !important}
html:not(#ec0):not(#ec1):not(#ec2):not(#ec3):not(#ec4):not(#ec5):not(#ec6):not(#ec7):not(#ec8) .edge-close .e-key--lg{--h:54px !important;padding:0px 26px !important;font-size:16px !important}
html:not(#ec0):not(#ec1):not(#ec2):not(#ec3):not(#ec4):not(#ec5):not(#ec6):not(#ec7):not(#ec8) .edge-close .e-key--go::after{content:"→" !important;font-size:1.05em !important}
html:not(#ec0):not(#ec1):not(#ec2):not(#ec3):not(#ec4):not(#ec5):not(#ec6):not(#ec7):not(#ec8) .edge-close .e-hero__actions{display:flex !important;flex-wrap:wrap !important;gap:var(--e-s3) !important;align-items:center !important;margin-top:var(--e-s2) !important}
html:not(#ec0):not(#ec1):not(#ec2):not(#ec3):not(#ec4):not(#ec5):not(#ec6):not(#ec7):not(#ec8) .edge-close .e-close{--hills:clamp(150px,17vw,300px) !important;position:relative !important;isolation:isolate !important;margin-top:var(--e-s16) !important;padding:110px var(--e-gutter) calc(var(--hills) + 70px) !important;text-align:center !important;display:grid !important;justify-items:center !important;gap:var(--e-s4) !important}
html:not(#ec0):not(#ec1):not(#ec2):not(#ec3):not(#ec4):not(#ec5):not(#ec6):not(#ec7):not(#ec8) .edge-close .e-close::before{content:"" !important;position:absolute !important;z-index:-1 !important;inset:0px !important;background:url("/assets/ds2/v9-cloud-bank.webp") center bottom / max(100%, 1500px) no-repeat !important}
html:not(#ec0):not(#ec1):not(#ec2):not(#ec3):not(#ec4):not(#ec5):not(#ec6):not(#ec7):not(#ec8) .edge-close .e-close .e-h2{font-size:clamp(40px, 4.6vw, 68px) !important;line-height:1 !important;letter-spacing:-0.04em !important;max-width:18ch !important;text-wrap:balance !important}
html:not(#ec0):not(#ec1):not(#ec2):not(#ec3):not(#ec4):not(#ec5):not(#ec6):not(#ec7):not(#ec8) .edge-close .e-close .e-lede{color:var(--e-ink) !important;margin-inline:auto !important}
html:not(#ec0):not(#ec1):not(#ec2):not(#ec3):not(#ec4):not(#ec5):not(#ec6):not(#ec7):not(#ec8) .edge-close .e-close__mark{display:grid !important;place-items:center !important;width:56px !important;height:56px !important;border-radius:16px !important;background:var(--e-surface) !important;box-shadow:var(--e-sh-card) !important}
html:not(#ec0):not(#ec1):not(#ec2):not(#ec3):not(#ec4):not(#ec5):not(#ec6):not(#ec7):not(#ec8) .edge-close .e-close .e-hero__actions{justify-content:center !important}
@media (max-width: 700px){html:not(#ec0):not(#ec1):not(#ec2):not(#ec3):not(#ec4):not(#ec5):not(#ec6):not(#ec7):not(#ec8) .edge-close .e-close{--hills:34vw !important;padding:72px var(--e-gutter) calc(var(--hills) + 56px) !important}}
@media (max-width: 700px){html:not(#ec0):not(#ec1):not(#ec2):not(#ec3):not(#ec4):not(#ec5):not(#ec6):not(#ec7):not(#ec8) .edge-close .e-close::before{background:linear-gradient(var(--e-paper) 52%,#f5f3eb00 72%),url("/assets/ds2/v9-cloud-bank-phone.webp") center bottom/640px auto no-repeat !important}}
@media (prefers-reduced-motion: reduce){html:not(#ec0):not(#ec1):not(#ec2):not(#ec3):not(#ec4):not(#ec5):not(#ec6):not(#ec7):not(#ec8) .edge-close *{animation:auto ease 0s 1 normal none running none !important;transition:none !important}}

/* close-join.css (hand-written, appended to the generated edge-close.css by tools/chrome/close_css.py).

   Two decided changes to pricing's closing (11-05), applied wherever the block renders, pricing included:
   1. Phones: crisp halftone clouds. DS2 swapped in v9-cloud-bank-phone.webp (1400px) at 640 css px under a paper
      wash: its 1px dots were resampled at a non-integer ratio (stretched to 1920 device px on 3x phones, a moire
      grid at 1x) and bleached. Phones now draw the desktop bank like desktop (1500 css px, no wash) and, on 3x
      screens, at one image pixel per device pixel (3500 / 3 css px), so the dots land on whole pixels.
   2. The edge tile is flat: background only, no shadow, no border.
   3. Skill pages head the block "Give your agent <Skill>."; a name longer than the line (#Ilkays365LinkedInTipps)
      breaks inside the word instead of running off a phone screen.
*/
/*
   Pricing joins its clouds to the footer with e-footer::before: a hills band, clamp(150px,17vw,300px) tall
   (34vw on phones), drawn above the footer and 2px into it, over the closing's bottom padding. DS1 footers
   draw the same hills-band.webp in .ds1-footer-hills; here it gets pricing's height and position, and the
   footer cloud-bank band (.ds1-footer::before, retired from edge-ds12.css) stays off. DS2 pages need nothing. */
html:not(#ej0):not(#ej1):not(#ej2):not(#ej3):not(#ej4):not(#ej5):not(#ej6):not(#ej7):not(#ej8) body:has(.edge-close) .ds1-footer{--edge-close-hills:clamp(150px,17vw,300px);margin-top:calc(2px - var(--edge-close-hills)) !important;padding-top:0 !important;border:0 !important;box-shadow:none !important;background:transparent !important}
html:not(#ej0):not(#ej1):not(#ej2):not(#ej3):not(#ej4):not(#ej5):not(#ej6):not(#ej7):not(#ej8) body:has(.edge-close) .ds1-footer::before{content:none !important;display:none !important}
html:not(#ej0):not(#ej1):not(#ej2):not(#ej3):not(#ej4):not(#ej5):not(#ej6):not(#ej7):not(#ej8) body:has(.edge-close) .ds1-footer-hills{display:block !important;height:var(--edge-close-hills) !important;margin:0 0 -2px !important;background:url("/assets/ds2/hills-band.webp") center top / max(100%,1100px) auto no-repeat !important;background-color:transparent !important}
@media (max-width:700px){
html:not(#ej0):not(#ej1):not(#ej2):not(#ej3):not(#ej4):not(#ej5):not(#ej6):not(#ej7):not(#ej8) body:has(.edge-close) .ds1-footer{--edge-close-hills:34vw}
html:not(#ej0):not(#ej1):not(#ej2):not(#ej3):not(#ej4):not(#ej5):not(#ej6):not(#ej7):not(#ej8) body:has(.edge-close) .ds1-footer-hills{background:url("/assets/ds2/hills-band-mobile.webp") center top / 100% auto no-repeat !important;background-color:transparent !important}
}
html:not(#ek0):not(#ek1):not(#ek2):not(#ek3):not(#ek4):not(#ek5):not(#ek6):not(#ek7):not(#ek8):not(#ek9) .edge-close .e-close__mark{box-shadow:none !important;border:0 !important;background:var(--e-surface) !important}
@media (max-width:700px){html:not(#ek0):not(#ek1):not(#ek2):not(#ek3):not(#ek4):not(#ek5):not(#ek6):not(#ek7):not(#ek8):not(#ek9) .edge-close .e-close::before{background:url("/assets/ds2/v9-cloud-bank.webp") center bottom / 1500px auto no-repeat !important}}
@media (max-width:700px) and (min-resolution:2.5dppx){html:not(#ek0):not(#ek1):not(#ek2):not(#ek3):not(#ek4):not(#ek5):not(#ek6):not(#ek7):not(#ek8):not(#ek9) .edge-close .e-close::before{background-size:1166.667px auto !important}}
html:not(#ek0):not(#ek1):not(#ek2):not(#ek3):not(#ek4):not(#ek5):not(#ek6):not(#ek7):not(#ek8):not(#ek9) .edge-close .e-close .e-h2{overflow-wrap:anywhere !important;min-width:0 !important;max-width:min(18ch,100%) !important}
/* Art never sits behind body text: the cloud art box is the closing's bottom padding only, starting 18px under the keys; the top 32px is the paper-to-sky fade, the dots below it stay 1:1. */
html:not(#ek0):not(#ek1):not(#ek2):not(#ek3):not(#ek4):not(#ek5):not(#ek6):not(#ek7):not(#ek8):not(#ek9) .edge-close .e-close::before{top:auto !important;bottom:0 !important;height:calc(var(--hills) + 70px - 18px) !important;-webkit-mask-image:linear-gradient(#0000,#000 32px) !important;mask-image:linear-gradient(#0000,#000 32px) !important}
@media (max-width:700px){html:not(#ek0):not(#ek1):not(#ek2):not(#ek3):not(#ek4):not(#ek5):not(#ek6):not(#ek7):not(#ek8):not(#ek9) .edge-close .e-close::before{height:calc(var(--hills) + 56px - 18px) !important}}