*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
img{max-width:100%}
a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #f4b942;outline-offset:2px}
details summary{list-style:none}details summary::-webkit-details-marker{display:none}
.cc-panel{display:contents}.cc-panel[hidden]{display:none}
.skip{position:absolute;left:-9999px;top:8px;background:#f4b942;color:#17301f;padding:10px 16px;border-radius:8px;z-index:99;font-weight:700}
.skip:focus{left:8px}
@media (max-width:900px){
 h1{font-size:46px !important;letter-spacing:-1px !important;line-height:1.02 !important}
 h2{font-size:34px !important;letter-spacing:-0.5px !important;line-height:1.08 !important}
 h3{font-size:24px !important}
 section>div,section{padding-left:18px !important;padding-right:18px !important}
 [style*="padding:112px"],[style*="padding:120px"],[style*="padding:104px"],[style*="padding:96px"]{padding-top:64px !important;padding-bottom:64px !important}
 [style*="flex:1 1 520px"],[style*="flex:1 1 480px"],[style*="flex:1 1 500px"],[style*="flex:1 1 460px"],[style*="flex:1 1 440px"],[style*="flex:1 1 420px"],[style*="flex:1 1 560px"],[style*="flex:2 1 560px"],[style*="flex:1 1 380px"]{flex-basis:100% !important;min-width:0 !important}
 [style*="padding:40px"],[style*="padding:44px"]{padding:24px !important}
 [style*="grid-template-columns:repeat(3"],[style*="grid-template-columns:repeat(2"]{grid-template-columns:1fr !important}
 form[action="/demo"]{border-radius:24px !important}
 nav[aria-label="Main"]{gap:16px !important;font-size:15px !important}
}
@media (max-width:420px){h1{font-size:40px !important}}

/* The sign-in sheet's strike-through must stay inside the paper. */
.hv-sheet>div[aria-hidden]{max-width:calc(100% - 32px)}
/* Hero artwork. Desktop: keep the arrow clear of the data card's chart. */
@media (min-width:901px){
 .hv-arrow{left:auto !important;right:344px !important;top:296px !important;width:76px !important;height:76px !important;font-size:32px !important}
}
/* Tablet and phone: stack paper -> arrow -> data card -> stickers instead of shrinking the desktop collage. */
@media (max-width:900px){
 .hero-visual{display:flex !important;flex-direction:column !important;align-items:center !important;gap:14px !important;min-height:0 !important;max-width:420px;width:100% !important;margin:8px auto 0 !important;transform:none !important}
 .hero-visual>*{position:static !important;left:auto !important;right:auto !important;top:auto !important;bottom:auto !important;animation:none}
 .hv-sheet{width:100% !important;max-width:300px;transform:rotate(-2deg) !important;align-self:flex-start}
 .hv-arrow{width:48px !important;height:48px !important;font-size:22px !important;transform:rotate(90deg) !important}
 .hv-card{width:100% !important}
 .hv-sticker,.hv-chip{align-self:flex-start}
 .hv-note{align-self:flex-start}
 .hv-chip{order:-1}
 /* Header: logo and actions on one row, section links on their own row. */
 header>div{gap:10px 12px !important;padding:14px 16px !important}
 header nav[aria-label="Main"]{order:3;flex:0 1 auto;gap:10px !important;font-size:15px !important}
 header>div>a:first-child{gap:8px !important}
 header>div>a:first-child span:first-child{width:36px !important;height:36px !important}
 header>div>a:first-child span:first-child img{width:28px !important;height:28px !important}
 header>div>a:first-child span:last-child{font-size:20px !important}
 /* Actions split: "Book a demo" stays beside the logo, "Sign in" joins the link row. */
 header>div>div:last-child{display:contents !important}
 header>div>div:last-child a:first-child{order:4;margin-left:auto;font-size:15px !important}
 header>div>div:last-child a:last-child{order:2;margin-left:auto;padding:10px 16px !important;min-height:44px !important;font-size:15px !important}
}
@media (max-width:480px){header nav[aria-label="Main"]{gap:8px !important;font-size:14px !important}header>div>div:last-child a:first-child{font-size:14px !important}}
@media (max-width:380px){header>div>a:first-child span:last-child{font-size:18px !important}header>div>div:last-child a:last-child{padding:8px 12px !important;font-size:14px !important}header>div{padding:12px 12px !important}header nav[aria-label="Main"]{gap:6px !important;font-size:13.5px !important}header>div>div:last-child a:first-child{font-size:13.5px !important}}