/* Taploop brand: Geist, warm paper, black ink and electric chartreuse. */
@font-face{font-family:"Geist Variable";src:url('/assets/examples/geist-latin-v1.woff2') format('woff2');font-weight:100 900;font-style:normal;font-display:swap}
:root{--paper:#fff8e7;--ink:#0b0b0b;--muted:#625f58;--line:#d8cfbe;--lime:#caff00;--wash:#f4efdf;--white:#fffcf4;font-family:"Geist Variable",Geist,Arial,sans-serif;color-scheme:light;scroll-padding-top:90px}
body{background:var(--paper);font-size:16px;line-height:1.65}
main{background-image:repeating-linear-gradient(0deg,rgba(96,72,26,.012) 0,rgba(96,72,26,.012) 1px,transparent 1px,transparent 4px)}
.wrap{max-width:1268px;padding-inline:44px}
h1,h2,h3{font-family:"Geist Variable",Geist,Arial,sans-serif;text-wrap:balance}
h1{font-size:clamp(48px,4.65vw,67px);font-weight:720;line-height:1.08;letter-spacing:-.045em}
h2{font-size:clamp(34px,3.5vw,50px);font-weight:700;line-height:1.14;letter-spacing:-.035em}
h3{font-size:25px;font-weight:650;line-height:1.2;letter-spacing:-.025em}
:focus-visible{outline-color:#2448f5}
.skip{z-index:200;color:var(--ink);border:1px solid var(--ink);border-radius:8px}
.hero{grid-template-columns:1.12fr 1fr;gap:38px;padding-block:74px 66px;align-items:center}
.hero-copy{min-width:0}
.eyebrow{font-size:11px;font-weight:750;letter-spacing:.08em;line-height:1.6;margin-bottom:18px}
.hero .eyebrow{font-size:11px;letter-spacing:.07em;gap:9px;max-width:none}
.dot{width:10px;height:10px;flex-basis:10px;background:var(--lime);border:1px solid var(--ink);border-radius:2px}
.highlight{background:linear-gradient(transparent 66%,var(--lime) 66%,var(--lime) 96%,transparent 96%);padding:0;-webkit-box-decoration-break:clone;box-decoration-break:clone}
.lead{font-size:17px;line-height:1.65;color:#47443e;max-width:530px;margin-top:26px}
.hero-actions{gap:16px;margin-top:28px;align-items:stretch}
.button{min-height:48px;padding:13px 19px;border:1px solid var(--ink);border-radius:12px;background:var(--lime);color:var(--ink);font-size:14px;font-weight:760;gap:22px;box-shadow:4px 5px 0 var(--ink);transition:transform .15s,box-shadow .15s,background .15s}
.button:hover{background:#dcff57;transform:translate(1px,1px);box-shadow:3px 4px 0 var(--ink)}
.button:active{transform:translate(3px,4px);box-shadow:1px 1px 0 var(--ink)}
.button span{font-size:20px}
.text-link{font-size:14px;font-weight:650;gap:12px;padding-bottom:4px;min-height:32px}
.text-link:hover{color:#47443e}
.hero-actions .text-link{display:inline-flex;justify-content:center;gap:14px;padding:13px 18px;border:1px solid var(--ink);border-radius:12px;background:var(--white);min-height:48px;font-size:14px;line-height:1.35}
.hero-actions .text-link:hover{background:#f4efdf;color:var(--ink)}
.hero .fine{max-width:520px;font-size:12px;margin-top:21px;line-height:1.65}
.hero-example{margin-top:17px;font-size:12px;min-height:32px}
.hero-art{margin:0;min-width:0}
.hero-art img{width:100%;aspect-ratio:1.25;object-fit:cover;border-radius:18px;mix-blend-mode:multiply}
.hero-art figcaption{font-size:11px;line-height:1.6;gap:8px;margin-top:17px;color:#47443e;text-align:center}
.promise-strip{background:var(--ink);color:var(--paper);border-color:var(--ink)}
.promise-strip>div{padding-block:21px;font-size:13px;font-weight:550}
.promise-strip [aria-hidden]{color:var(--lime)}
.section{padding-block:88px}
.problem-grid{gap:90px}
.problem-grid p{font-size:17px}
.muted{color:#777168}
.underlined{border-color:var(--lime);border-left-width:4px;font-weight:550}
.sample-section{background:var(--white)}
.story-heading{margin-bottom:30px;gap:48px}
.story-heading>p{font-size:16px;max-width:350px}
.story-image-link{border:1px solid var(--line);border-radius:14px;background:var(--paper)}
.story-controls{gap:18px;margin-bottom:22px}
.story-arrow,.story-pagination button{font-weight:650;border-radius:10px}
.story-arrow{border-color:var(--ink);background:var(--paper)}
.story-arrow:hover,.story-pagination button:hover{background:var(--lime);color:var(--ink)}
.story-pagination button[aria-current=true]{background:var(--lime);border:1px solid var(--ink);color:var(--ink);box-shadow:2px 3px 0 var(--ink)}
.story-pagination button[aria-current=true]:hover{background:#dcff57;color:var(--ink)}
.story-slide figcaption{padding:28px 0 12px;gap:70px}
.story-caption-title .eyebrow{color:var(--muted)}
.story-caption-title h3{font-size:clamp(24px,2.2vw,31px);line-height:1.2;font-weight:650}
.story-caption-text>p:first-child{font-size:16px;color:#47443e}
.story-caption-text .fine{font-size:12px}
.story-enlarge{margin-top:15px}
.steps{gap:34px}
.steps article{border-top:1px solid var(--ink);padding-top:24px}
.steps article>span{color:var(--muted);font-size:11px;letter-spacing:.045em}
.steps h3{margin-top:17px;max-width:310px}
.steps p{font-size:15px}
.assisted{gap:70px;padding-bottom:88px}
.assisted img{border-radius:16px;mix-blend-mode:multiply}
.request-section{background:var(--wash)}
.request-grid{gap:80px;align-items:start}
.request-copy>p:not(.eyebrow){color:var(--muted);max-width:385px}
.request-note{font-size:20px;line-height:1.5;max-width:375px}
.request-note>span{color:var(--ink)}
.form-card{border:1px solid var(--ink);border-radius:16px;padding:32px;background:var(--white);box-shadow:6px 7px 0 #e4dcc7}
.form-card h3{font-size:26px}
.form-intro{font-size:14px;line-height:1.6}
label{font-size:12px;font-weight:600;gap:8px}
input,select,textarea{background:var(--white);border-color:#b8b0a0;border-radius:8px;font-size:14px;line-height:1.5;min-height:46px}
input::placeholder,textarea::placeholder{color:#777168;font-size:13px}
textarea{min-height:126px}
.consent{font-size:12px;font-weight:400}
.consent input{min-height:0;accent-color:var(--ink)}
.submit{font-size:14px;margin-bottom:5px}
.qualification summary{font-size:14px}
.qualification summary span{font-size:12px}
#conversation-form{scroll-margin-top:25px}
.faq{gap:80px}
.faq h2{font-size:clamp(34px,3.5vw,46px)}
.faq summary{font-size:16px;line-height:1.5}
.faq details{padding-block:22px}
@media(min-width:1500px){.hero{padding-block:80px 72px}.hero-art img{aspect-ratio:1.25}}
@media(max-width:1120px){.wrap{padding-inline:32px}.hero{gap:28px;padding-block:60px 54px}.hero .button{font-size:14px;padding-inline:17px}.hero-actions{gap:14px}.hero-actions .text-link{padding-inline:16px}.hero-art img{aspect-ratio:1.06}.request-grid,.faq{gap:44px}.form-card{padding:27px}.assisted{gap:44px}.problem-grid{gap:54px}}
@media(max-width:800px){.wrap{padding-inline:24px}.hero{grid-template-columns:1fr;padding-block:46px;gap:32px}.hero-copy{max-width:650px}.hero h1{font-size:clamp(42px,7.4vw,60px);max-width:650px}.hero .eyebrow{font-size:10px}.hero-art{max-width:650px;width:100%}.hero-art img{aspect-ratio:1.5;border-radius:14px}.hero-actions{align-items:stretch}.hero .lead{font-size:17px;max-width:600px}.hero .fine{max-width:590px}.hero-art figcaption{font-size:11px}.promise-strip>div{font-size:11px;gap:14px}.section{padding-block:60px}.problem-grid,.request-grid,.faq{gap:32px}.problem-grid p{font-size:16px}.story-heading>p{font-size:16px}.story-slide figcaption{gap:18px}.story-caption-title h3{font-size:26px}.story-caption-text>p:first-child{font-size:16px}.assisted{padding-bottom:60px;gap:30px}.steps{gap:24px}.steps h3{font-size:23px}.steps p{font-size:14px}.form-card{padding:26px}}
@media(max-width:450px){.wrap{padding-inline:20px}.hero{padding-top:34px;padding-bottom:34px;gap:27px}.hero h1{font-size:clamp(38px,10.8vw,47px);line-height:1.1}.hero .eyebrow{font-size:9px;letter-spacing:.045em;align-items:center;margin-bottom:20px}.hero .lead{font-size:16px;margin-top:23px}.hero-actions{display:grid;grid-template-columns:1fr;gap:14px;margin-top:25px}.hero .button,.hero-actions .text-link{font-size:14px;min-height:50px;padding-inline:18px;justify-content:space-between}.hero .fine{font-size:11px;margin-top:21px}.hero-example{margin-top:12px;min-height:36px}.hero-art img{aspect-ratio:1.5;border-radius:12px}.hero-art figcaption{font-size:10px}.promise-strip>div{font-size:10px;gap:7px;padding:18px 16px}.promise-strip [aria-hidden]{font-size:17px}h2{font-size:35px}.section{padding-block:52px}.eyebrow{font-size:10px}.story-controls{gap:5px;margin-bottom:18px}.story-pagination{gap:1px}.story-arrow{min-width:36px;min-height:44px;font-size:21px}.story-pagination button{min-width:32px;min-height:44px;font-size:11px;padding:4px}.story-image-link{border-radius:9px}.story-caption-title h3{font-size:25px}.story-caption-text>p:first-child{font-size:15px}.steps{grid-template-columns:1fr;gap:28px}.steps p{font-size:15px}.assisted{padding-bottom:52px}.request-grid{gap:30px}.form-card{padding:22px 18px;border-radius:13px;box-shadow:4px 5px 0 #e4dcc7}.fields{grid-template-columns:1fr;gap:16px}.form-card h3{font-size:24px}.form-intro{font-size:13px}.qualification summary span{margin-left:3px}.faq summary{font-size:15px}}

/* Shared Taploop navigation and footer styles. */
.taploop-site-nav {
  position: sticky;
  z-index: 120;
  top: 0;
  height: 74px;
  border-bottom: 1px solid rgba(216, 207, 190, 0.82);
  background: rgba(255, 252, 244, 0.96);
  backdrop-filter: blur(18px);
}

.taploop-site-nav__inner {
  width: min(calc(100% - 64px), 1180px);
  height: 100%;
  margin-inline: auto;
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
}

.taploop-site-nav__brand {
  width: fit-content;
  display: inline-flex;
  align-items: center;
  gap: 9px;
  color: #080a0d;
  font-family: "Geist Variable", Geist, Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 25px;
  font-weight: 800;
  letter-spacing: -0.045em;
  text-decoration: none;
}

.taploop-site-nav__mark {
  width: 36px;
  height: 36px;
  flex: 0 0 auto;
  display: block;
}

.taploop-site-nav__desktop {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 24px;
}

.taploop-site-nav__desktop a,
.taploop-site-nav__login,
.taploop-site-nav__mobile a {
  color: #15181d;
  font-family: "Geist Variable", Geist, Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  text-decoration: none;
}

.taploop-site-nav__desktop a,
.taploop-site-nav__login {
  position: relative;
  min-height: 44px;
  display: inline-flex;
  align-items: center;
  font-size: 14px;
  font-weight: 600;
  white-space: nowrap;
}

.taploop-site-nav__desktop a::after {
  position: absolute;
  right: 0;
  bottom: 4px;
  left: 0;
  height: 3px;
  border-radius: 999px;
  background: #a8cb00;
  content: "";
  opacity: 0;
  transform: scaleX(0.35);
  transition: opacity 160ms ease, transform 160ms ease;
}

.taploop-site-nav__desktop a:hover::after,
.taploop-site-nav__desktop a:focus-visible::after,
.taploop-site-nav__desktop a[aria-current="page"]::after {
  opacity: 1;
  transform: scaleX(1);
}

.taploop-site-nav__actions {
  display: flex;
  align-items: center;
  justify-self: end;
  gap: 18px;
}

.taploop-site-nav__cta {
  min-height: 42px;
  min-width: 154px;
  padding: 0 16px 0 18px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 13px;
  border: 1px solid #111318;
  border-radius: 10px;
  color: #fff;
  background: #111318;
  box-shadow: none;
  font-family: "Geist Variable", Geist, Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 14px;
  font-weight: 750;
  line-height: 1;
  text-decoration: none;
  white-space: nowrap;
  transition: background 160ms ease, transform 160ms ease;
}

.taploop-site-nav__cta:hover,
.taploop-site-nav__cta:focus-visible {
  background: #272a30;
  transform: translateY(-1px);
}

.taploop-site-nav__cta svg {
  width: 18px;
  height: 18px;
}

.taploop-site-nav__menu-button,
.taploop-site-nav__mobile {
  display: none;
}

.taploop-site-nav :is(a, button):focus-visible {
  outline: 2px solid #00566b;
  outline-offset: 4px;
  border-radius: 6px;
}

@media (max-width: 1120px) {
  .taploop-site-nav__inner {
    width: min(calc(100% - 48px), 1060px);
    grid-template-columns: 1fr auto;
  }

  .taploop-site-nav__desktop,
  .taploop-site-nav__actions {
    display: none;
  }

  .taploop-site-nav__menu-button {
    width: 44px;
    height: 44px;
    padding: 0;
    display: grid;
    place-items: center;
    border: 1px solid #dfe2e7;
    border-radius: 10px;
    color: #111318;
    background: #fff;
    cursor: pointer;
  }

  .taploop-site-nav__menu-button svg {
    width: 23px;
    height: 23px;
  }

  .taploop-site-nav__mobile {
    position: absolute;
    z-index: 121;
    top: 74px;
    right: 24px;
    left: 24px;
    max-width: 1060px;
    max-height: calc(100vh - 88px);
    max-height: calc(100dvh - 88px);
    box-sizing: border-box;
    overflow-y: auto;
    overscroll-behavior: contain;
    margin-inline: auto;
    padding: 13px;
    display: grid;
    gap: 4px;
    border: 1px solid #dfe2e7;
    border-radius: 14px;
    background: #fff;
    box-shadow: 0 20px 55px rgba(17, 24, 39, 0.14);
  }

  .taploop-site-nav__mobile > a:not(.taploop-site-nav__cta),
  .taploop-site-nav__mobile-secondary a {
    min-height: 44px;
    padding: 0 12px;
    display: flex;
    align-items: center;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 650;
  }

  .taploop-site-nav__mobile > a:not(.taploop-site-nav__cta):hover,
  .taploop-site-nav__mobile > a:not(.taploop-site-nav__cta):focus-visible,
  .taploop-site-nav__mobile > a[aria-current="page"],
  .taploop-site-nav__mobile-secondary a:hover,
  .taploop-site-nav__mobile-secondary a:focus-visible {
    background: #f4f5f7;
  }

  .taploop-site-nav__mobile-secondary {
    margin-top: 6px;
    padding-top: 7px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    border-top: 1px solid #e5e7eb;
  }

  .taploop-site-nav__mobile .taploop-site-nav__mobile-cta {
    width: 100%;
    margin-top: 7px;
    color: #fff;
  }
}

@media (max-width: 640px) {
  .taploop-site-nav {
    height: 64px;
  }

  .taploop-site-nav__inner {
    width: calc(100% - 32px);
  }

  .taploop-site-nav__brand {
    font-size: 22px;
  }

  .taploop-site-nav__mark {
    width: 32px;
    height: 32px;
  }

  .taploop-site-nav__menu-button {
    width: 44px;
    height: 44px;
  }

  .taploop-site-nav__mobile {
    top: 64px;
    right: 12px;
    left: 12px;
    max-height: calc(100vh - 76px);
    max-height: calc(100dvh - 76px);
    overflow-y: auto;
  }

  .taploop-site-nav__mobile > a:not(.taploop-site-nav__cta),
  .taploop-site-nav__mobile-secondary a { min-height: 48px; font-size: 16px; }
  .taploop-site-nav__mobile .taploop-site-nav__mobile-cta { min-height: 48px; font-size: 16px; }
}

@media (prefers-reduced-motion: reduce) {
  .taploop-site-nav__desktop a::after,
  .taploop-site-nav__cta {
    transition-duration: 0.01ms;
  }
}

.company-footer {
  --company-footer-ink: #0b0b0b;
  --company-footer-cream: #fff8e7;
  --company-footer-muted: #bdbdb4;
  display: block;
  width: 100%;
  max-width: none;
  margin: 0;
  padding: 64px 32px 104px;
  border: 0;
  border-top: 1px solid #272a26;
  background: var(--company-footer-ink);
  color: var(--company-footer-cream);
  font: 400 14px/1.6 "Geist Variable", Geist, Arial, sans-serif;
  text-align: left;
}
.company-footer, .company-footer * { box-sizing: border-box; }
.company-footer .company-footer__inner {
  display: grid;
  grid-template-columns: minmax(220px, 1fr) minmax(0, 2.5fr);
  gap: 48px 64px;
  width: min(100%, 1280px);
  margin: 0 auto;
}
.company-footer .company-footer__identity { display: block; min-width: 0; }
.company-footer a { color: inherit; text-decoration: none; text-underline-offset: 5px; }
.company-footer a:hover { color: #caff00; text-decoration: underline; }
.company-footer a:focus-visible { outline: 2px solid #caff00; outline-offset: 5px; border-radius: 2px; }
.company-footer .company-footer__brand {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  min-height: 44px;
  margin: 0 0 20px;
  color: var(--company-footer-cream);
}
.company-footer .company-footer__brand:hover { text-decoration: none; }
.company-footer .company-footer__mark { display: block; flex: 0 0 auto; width: 38px; height: 38px; padding: 3px; border-radius: 9px; background: var(--company-footer-cream); }
.company-footer .company-footer__wordmark { font-size: 24px; line-height: 1; font-weight: 750; letter-spacing: -1px; }
.company-footer p.company-footer__description { max-width: 290px; margin: 0 0 25px; color: var(--company-footer-muted); font: inherit; line-height: 1.65; letter-spacing: 0; }
.company-footer p.company-footer__company { margin: 0 0 4px; color: var(--company-footer-cream); font: inherit; font-weight: 600; }
.company-footer .company-footer__address { display: flex; flex-direction: column; align-items: flex-start; gap: 3px; margin: 0; color: var(--company-footer-muted); font-style: normal; }
.company-footer .company-footer__address a { display: inline-flex; align-items: center; min-height: 44px; overflow-wrap: anywhere; }
.company-footer nav.company-footer__socials { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; width: 252px; max-width: 100%; min-height: 0; margin: 16px 0 0; padding: 0; border: 0; background: none; }
.company-footer .company-footer__social-link { display: inline-flex; flex: 0 0 44px; align-items: center; justify-content: center; width: 44px; height: 44px; padding: 0; border: 1px solid #34362f; border-radius: 50%; color: var(--company-footer-cream); background: transparent; transition: color 150ms ease, border-color 150ms ease, background-color 150ms ease; }
.company-footer .company-footer__social-link svg { display: block; flex: 0 0 auto; width: 20px; height: 20px; }
.company-footer .company-footer__social-link:hover { color: #caff00; border-color: #caff00; background: #181d0b; text-decoration: none; }
.company-footer .company-footer__social-link:focus-visible { border-radius: 50%; outline-offset: 3px; }
@media (prefers-reduced-motion: reduce) { .company-footer .company-footer__social-link { transition: none; } }
.company-footer .company-footer__groups { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 24px; min-width: 0; }
.company-footer nav.company-footer__group { display: block; width: auto; max-width: none; min-height: 0; margin: 0; padding: 0; border: 0; background: none; }
.company-footer h2.company-footer__heading,
#blog-root .company-footer h2.company-footer__heading { margin: 0 0 14px; color: var(--company-footer-cream); font: 650 13px/1.5 "Geist Variable", Geist, Arial, sans-serif; letter-spacing: 0; text-transform: none; }
.company-footer ul.company-footer__links { display: block; margin: 0; padding: 0; list-style: none; }
.company-footer .company-footer__links li { margin: 0; padding: 0; list-style: none; }
.company-footer .company-footer__links a { display: inline-flex; align-items: center; min-height: 36px; color: var(--company-footer-muted); font-size: 13px; line-height: 1.45; }
.company-footer .company-footer__links a:hover { color: #caff00; }
.company-footer .company-footer__bottom { display: flex; grid-column: 1 / -1; justify-content: space-between; align-items: center; gap: 12px 28px; flex-wrap: wrap; margin: 0; padding-top: 22px; border-top: 1px solid #34362f; }
.company-footer .company-footer__bottom small { color: var(--company-footer-muted); font-size: 11px; line-height: 1.6; letter-spacing: .02em; }
.company-footer .company-footer__cookie-settings { display: inline-flex; align-items: center; flex: 0 0 auto; min-height: 44px; color: var(--company-footer-cream); font-size: 12px; text-decoration: underline; }
@media (max-width: 1100px) {
  .company-footer .company-footer__inner { grid-template-columns: 1fr; gap: 36px; }
  .company-footer .company-footer__identity { max-width: 480px; }
  .company-footer .company-footer__groups { gap: 24px; }
}
@media (max-width: 620px) {
  .company-footer { padding: 44px 24px 88px; }
  .company-footer .company-footer__inner { gap: 30px; }
  .company-footer .company-footer__groups { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 26px 20px; }
  .company-footer h2.company-footer__heading { margin-bottom: 8px; }
  .company-footer .company-footer__links a { min-height: 44px; }
  .company-footer .company-footer__bottom { align-items: flex-start; flex-direction: column; gap: 8px; padding-top: 22px; }
}
@media (max-width: 359px) { .company-footer { padding-inline: 20px; } }

.company-footer__cookie-settings{padding:0;border:0;background:none;font-family:inherit;cursor:pointer}.taploop-site-nav__cta svg{fill:currentColor}.taploop-site-nav__brand>span{line-height:1}.company-footer p+p{margin-top:0}
