/* Original engraved linework and paper accents, drawn from the Leverage mark. */
:root {
  --paper: #fff;
  --cream: #f7f8fa;
  --line: #dfe3e7;
  --section-tint: #f3f5f7;
  --surface-well: #f5f7f9;
  --card-shadow: 0 8px 22px -12px #1e293b26, 0 2px 5px #1e293b08;
  --panel-shadow: 0 20px 48px -24px #1e293b33, 0 3px 10px #1e293b0a;
}

body { background-image: none; }
.ui-icon { display: inline-block; width: 1em; height: 1em; vertical-align: -.13em; fill: none; stroke: currentColor; stroke-width: 1.65; stroke-linecap: round; stroke-linejoin: round; flex-shrink: 0; pointer-events: none; }
.site-header { background: #fff; backdrop-filter: none; border-bottom-color: #dfe3e7; box-shadow: 0 3px 14px #1e293b08; }
.menu-toggle { width: 44px; height: 44px; padding: 10px; align-items: center; justify-content: center; color: var(--ink); }
.menu-toggle svg { display: block; fill: none; stroke: currentColor; stroke-width: 1.75; stroke-linecap: round; }
.menu-toggle .menu-close, .menu-toggle[aria-expanded=true] .menu-bars { display: none; }
.menu-toggle[aria-expanded=true] .menu-close { display: inline; }
.skip-link:not(:focus) { clip-path: inset(50%); }
.hero { position: relative; isolation: isolate; padding-inline: 56px; }
.hero > :not(.hero-art) { position: relative; z-index: 1; }
.hero-art { position: absolute; inset: 0; overflow: hidden; pointer-events: none; z-index: 0; }
.hero-art::before { content: ''; position: absolute; width: min(900px, 100%); height: 350px; top: 110px; left: 50%; transform: translateX(-50%); background: radial-gradient(ellipse, #edf0f466 0%, #f7f8fa44 42%, transparent 72%); }
.hero-engraving { position: absolute; display: block; background: url('assets/engraved-fold.svg') center / contain no-repeat; }
.hero-engraving-left { width: 455px; height: 590px; left: -157px; top: -14px; transform: rotate(-17deg); opacity: .8; }
.hero-engraving-right { width: 420px; height: 540px; right: -149px; top: -23px; transform: rotate(164deg); opacity: .58; }
.hero .eyebrow { width: min(780px, 100%); margin: 0 auto 30px; padding: 12px 24px; border-block: 1px solid #e7c6ca; background: linear-gradient(180deg, #fffafa, #fff1ef); box-shadow: 0 12px 26px -20px #8d3e4266, inset 0 1px 0 #fff; color: #941d29; font-size: 18px; line-height: 1.5; letter-spacing: .01em; text-transform: none; font-weight: 550; }
.hero h1 em { display: inline-block; font-size: 1.08em; line-height: 1.12; text-shadow: 0 2px 0 #fff, 0 14px 30px #8c27321a; }
.hero h1 { font-size: clamp(52px, 6.3vw, 90px); }
.hero-watch .play-small { border-color: #c9b9a0; background: #fff9; }

.button { background: linear-gradient(135deg, #bd2632, #a91d28); border-color: #aa1b27; box-shadow: inset 0 1px 0 #ffffff24, 0 5px 12px -8px #72111c70; }
.button:hover { background: linear-gradient(135deg, #ab202c, #941923); }
.button-signin { background: #242424; border-color: #242424; box-shadow: none; }
.button-signin:hover { background: #080808; border-color: #080808; }
.video-panel { position: relative; isolation: isolate; }
.video-panel::before { content: ''; position: absolute; inset: -8px -9px; border: 1px solid #dfe3e7; border-radius: 8px; background: #fff; transform: rotate(-.7deg); z-index: -1; }
.video-frame { background: #fff; border-color: #d7dde2; box-shadow: 0 20px 42px -25px #1e293b45, 0 2px 5px #1e293b08; }
.video-frame video { background: #fff; }
.video-play { background: transparent; }
.play-disc { box-shadow: 0 0 0 7px #ffffff80, 0 8px 30px #24252224; }
.video-selector button[aria-selected=true] { border-bottom-color: var(--red); }
.video-selector button { transition: color .2s, border-color .2s; }

.proof-strip { position: relative; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 56px; }
.proof-strip figure { margin: 0; padding-inline: 20px; }
.proof-strip figure + figure { border-left: 1px solid var(--line); }
.proof-strip blockquote { font-size: 26px; }
.proof-strip figcaption { margin-top: 20px; font-size: 15px; line-height: 1.6; }
.proof-strip figcaption strong { display: block; font-weight: 550; }
.proof-strip figcaption span { display: block; color: var(--muted); }
.proof-strip::before { content: ''; position: absolute; top: -1px; left: calc(50% - 22px); width: 44px; height: 2px; background: var(--red); }
.section h2 { position: relative; }
.communications-section h2::after,
.integrations-section h2::after { content: ''; display: block; width: 230px; height: 76px; margin-top: 27px; background: url('assets/connection-lines.svg') left center / contain no-repeat; }
.integrations-section h2::after { transform: scaleX(-1); transform-origin: center; width: 215px; }
.intake-section { background: #fff; border-top: 1px solid var(--line); }
.intake-lede::after { content: ''; display: block; width: 164px; height: 43px; margin-top: 26px; background-image: radial-gradient(circle, #a1aa94 1.5px, transparent 1.8px); background-size: 15px 15px; background-position: 0 0; mask-image: linear-gradient(90deg, #000 10%, #0005 80%, transparent); }
.reuse-section { position: relative; isolation: isolate; overflow: hidden; background-color: #252823; background-image: url('assets/paper-grain.svg'); }
.reuse-section::before { content: ''; position: absolute; width: 700px; height: 820px; left: max(-260px, calc((100% - 1440px) / 2 - 210px)); top: -225px; background: url('assets/engraved-fold-light.svg') center / contain no-repeat; opacity: .22; transform: rotate(22deg); z-index: -1; pointer-events: none; }
.reuse-section > .container { position: relative; }
.reuse-section .detail-list { background: #252823b3; }
.reuse-section h2 em { color: #e7e0c9; }
.control-section h2::after { content: ''; display: block; width: 90px; height: 5px; margin-top: 31px; background: linear-gradient(90deg, var(--red) 0 22px, transparent 22px 29px, #c8c1b1 29px 51px, transparent 51px 58px, #e0dbd0 58px); transform: skewX(-25deg); }
.experience-section { border-top: 1px solid var(--line); background: #fff; }
.experience-section h2 { padding-top: 8px; }
.founder-profile { display: flex; align-items: center; gap: 22px; margin: 0 0 22px; }
.founder-profile > img { width: 112px; height: 112px; flex: 0 0 112px; object-fit: cover; border-radius: 6px; box-shadow: 0 10px 22px -14px #51443777; }
.founder-profile strong { display: block; font-size: 20px; line-height: 1.35; font-weight: 550; }
.founder-profile > div > span { display: block; margin-top: 4px; font-size: 15px; color: var(--muted); }
.founder-profile .text-link { margin-top: 8px; gap: 9px; font-size: 15px; color: var(--red); }
.experience-lede { font-size: 20px; line-height: 1.7; margin: 0 0 26px; color: #504d46; }
.experience-story .detail-content { padding-right: 0; }
.alternatives-section { border-top: 1px solid var(--line); background: #fff; }
.alternatives-section h2 { padding-top: 8px; }
.alternatives-promise { margin-top: 24px; color: var(--muted); font-size: 18px; line-height: 1.7; }
.pricing-section { background: var(--section-tint); border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.detail-list summary { transition: color .18s; }
.detail-list summary:hover { color: var(--red); }
.reuse-section .detail-list summary:hover { color: #eee1bd; }
.detail-list .expandable[open] > summary > span { color: var(--red); }
.reuse-section .expandable[open] > summary > span { color: #dfbe89; }

.final-cta { position: relative; isolation: isolate; overflow: hidden; background: #fff; }
.final-cta::before,
.final-cta::after { content: ''; position: absolute; width: 640px; height: 720px; top: -160px; background: url('assets/engraved-fold.svg') center / contain no-repeat; opacity: .55; pointer-events: none; z-index: -1; }
.final-cta::before { left: max(-200px, calc((100% - 1380px) / 2 - 185px)); transform: rotate(49deg); }
.final-cta::after { right: max(-200px, calc((100% - 1380px) / 2 - 185px)); transform: rotate(229deg); }
.final-cta h2 em { color: var(--red); }
.site-footer { border-color: #d6cebd; }
.footer-copyright { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 12px 28px; margin-top: 20px; padding-top: 18px; border-top: 1px solid var(--line); font-size: 14px; line-height: 1.6; color: var(--muted); }
.footer-copyright a { text-decoration: none; }
.footer-copyright a:hover { text-decoration: underline; text-underline-offset: 4px; }
.footer-legal { display: flex; flex-wrap: wrap; gap: 10px 24px; }

@media (max-width: 1100px) {
  .hero { padding-inline: 36px; }
  .hero-engraving-left { width: 325px; height: 430px; left: -130px; top: 60px; opacity: .55; }
  .hero-engraving-right { width: 285px; height: 370px; right: -115px; top: 5px; opacity: .45; }
  .final-cta::before, .final-cta::after { width: 480px; opacity: .4; }
}
@media (max-width: 850px) {
  .hero { padding-inline: 24px; }
  .hero-engraving-left { width: 230px; left: -145px; top: 100px; opacity: .3; }
  .hero-engraving-right { width: 215px; right: -102px; top: -78px; opacity: .38; }
  .communications-section h2::after, .integrations-section h2::after { width: 185px; height: 60px; }
  .final-cta::before { left: -280px; }
  .final-cta::after { right: -280px; }
  .experience-lede { font-size: 18px; }
}
@media (max-width: 600px) {
  html { scroll-padding-top: 76px; }
  .header-inner { height: 60px; }
  .site-header .brand img { width: 136px; }
  .site-header nav { top: 60px; }
  .hero h1 { font-size: clamp(35px, 10.1vw, 60px); }
  .hero { padding: 0 20px 42px; }
  .hero-art::before { width: 470px; height: 290px; top: 122px; background: radial-gradient(ellipse, #edf0f466 0%, #f7f8fa44 44%, transparent 70%); }
  .hero-engraving-left { display: block; width: 215px; height: 300px; left: -158px; top: 180px; opacity: .48; transform: rotate(-22deg); }
  .hero-engraving-right { width: 235px; height: 300px; top: 54px; right: -160px; opacity: .5; transform: rotate(155deg); }
  .hero h1 em { font-size: 1.3em; }
  .hero-sub .hero-outcome { display: block; font-weight: 600; color: var(--ink); }
  .hero .eyebrow { padding: 12px; font-size: 16px; margin-bottom: 28px; }
  .hero .eyebrow > span { display: block; }
  .video-panel::before { inset: -5px; transform: rotate(-.7deg); border-radius: 5px; }
  .play-disc { box-shadow: 0 0 0 5px #ffffff80, 0 7px 24px #24252224; }
  .communications-section h2::after, .integrations-section h2::after { width: 160px; height: 52px; margin-top: 17px; }
  .intake-lede::after { width: 130px; height: 28px; margin-top: 18px; }
  .control-section h2::after { margin-top: 22px; height: 4px; }
  .reuse-section::before { width: 440px; height: 550px; left: -240px; top: -125px; opacity: .15; }
  .reuse-section .detail-list { background: none; }
  .final-cta::before, .final-cta::after { width: 390px; height: 500px; opacity: .24; top: -105px; }
  .final-cta::before { left: -265px; }
  .final-cta::after { right: -265px; }
  .experience-section h2 { padding-top: 0; }
  .alternatives-section h2 { padding-top: 0; }
  .alternatives-promise { margin-top: 18px; font-size: 17px; }
  .founder-profile { margin-bottom: 20px; gap: 18px; }
  .founder-profile > img { width: 88px; height: 88px; flex-basis: 88px; }
  .founder-profile strong { font-size: 19px; }
  .experience-lede { font-size: 17px; margin-bottom: 23px; }
  .proof-strip { grid-template-columns: 1fr; gap: 28px; }
  .proof-strip figure { padding-inline: 8px; }
  .proof-strip figure + figure { border-left: 0; border-top: 1px solid var(--line); padding-top: 28px; }
  .proof-strip blockquote { font-size: 24px; }
  .proof-strip figcaption { margin-top: 14px; }
}
@media (max-width: 370px) {
  .hero { padding-inline: 16px; }
}
@media (prefers-reduced-motion: reduce) {
  .video-selector button, .detail-list summary { transition: none; }
}
@media print {
  body, .section, .final-cta { background-image: none; }
  .hero-art, .video-panel::before, .reuse-section::before,
  .final-cta::before, .final-cta::after, .section h2::after,
  .intake-lede::after { display: none; }
  .video-frame { box-shadow: none; }
}