html.w-mod-js:not(.w-mod-ix3):is([btn="arrow"]) {visibility: hidden !important;}html.w-mod-js:not(.w-mod-ix3):is([btn="arrow"]) * {visibility: hidden !important;}html.w-mod-js:not(.w-mod-ix3) :is([reveal="by-wrap"] [reveal="by-link"], [reveal="by-wrap"] [reveal="by-img"], [data-handwriting="wrap"] [data-handwriting="squirrel"], [data-handwriting="wrap"] [data-handwriting="text"], .main_button .btn_icon, [btn="arrow"]) {visibility: hidden !important;}

  a, .w-nav-link, .w-inline-block {
    font-family: Inter Variablefont Opsz Wght,Arial,sans-serif !important; 
}


:root {
    --bg-table-stripe: #f6f6f5;
    --b-table: #e3e3e2;
    --caption: #242423;
}
table {
    background-color: transparent;
    border-collapse:collapse;
    font-family: Inter Variablefont Opsz Wght,Arial,sans-serif !important; 
}
th {
    text-align:left
}
.dcf-txt-center {
      text-align: center!important
    }
    .dcf-txt-left {
      text-align: left!important
    }
    .dcf-txt-right {
      text-align: right!important
    }
    
.dcf-table caption {
      color: var(--caption);
      font-size: 1.13em;
      font-weight: 700;
      padding-bottom: .56rem
    }
    .dcf-table thead {
      font-size: .84em
    }
    .dcf-table tbody {
      border-bottom: 1px solid var(--b-table);
      border-top: 1px solid var(--b-table);
      font-size: .84em
    }
    .dcf-table tfoot {
      font-size: .84em
    }
    .dcf-table td, .dcf-table th {
      padding-right: 1.78em
    }
    .dcf-table-bordered, .dcf-table-bordered td, .dcf-table-bordered th {
      border: 1px solid var(--b-table)
    }
    .dcf-table-bordered td, .dcf-table-bordered th, .dcf-table-striped td, .dcf-table-striped th {
      padding-left: 1em;
      padding-right: 1em
    }
    .dcf-table-bordered tr:not(:last-child), .dcf-table-striped tr:not(:last-child) {
      border-bottom: 1px solid var(--b-table)
    }
    .dcf-table-striped tbody tr:nth-of-type(2n) {
      background-color: transparent;
    }
    .dcf-table thead td, .dcf-table thead th {
      padding-bottom: .75em;
      vertical-align: bottom
    }
    .dcf-table tbody td, .dcf-table tbody th, .dcf-table tfoot td, .dcf-table tfoot th {
      padding-top: .75em;
      vertical-align: top
    }
    .dcf-table tbody td, .dcf-table tbody th {
      padding-bottom: .75em
    }
    .dcf-table-bordered thead th {
      padding-top: 1.33em
    }
    .dcf-wrapper-table-scroll {
      overflow-x: auto;
      -webkit-overflow-scrolling: touch;
      left: 50%;
      margin-left: -50vw;
      margin-right: -50vw;
      padding-bottom: 1em;
      position: relative;
      right: 50%;
      width: 100vw
    }
    @media only screen and (max-width:42.09em) {
      .dcf-table-responsive thead {
        clip: rect(0 0 0 0);
        -webkit-clip-path: inset(50%);
        clip-path: inset(50%);
        height: 1px;
        overflow: hidden;
        position: absolute;
        width: 1px;
        white-space: nowrap
      }
      .dcf-table-responsive tr {
        display: block
      }
      .dcf-table-responsive td {
        -webkit-column-gap: 3.16vw;
        -moz-column-gap: 3.16vw;
        column-gap: 3.16vw;
        display: grid;
        grid-template-columns: 1fr 2fr;
        text-align: left!important
      }
      .dcf-table-responsive.dcf-table-bordered, .dcf-table-responsive.dcf-table-bordered thead th {
        border-width: 0
      }
      .dcf-table-responsive.dcf-table-bordered tbody td {
        border-top-width: 0
      }
      .dcf-table-responsive:not(.dcf-table-bordered) tbody tr {
        padding-bottom: .75em
      }
      .dcf-table-responsive:not(.dcf-table-bordered) tbody td {
        padding-bottom: 0
      }
      .dcf-table-responsive:not(.dcf-table-bordered):not(.dcf-table-striped) tbody td {
        padding-right: 0
      }
      .dcf-table-responsive.dcf-table-bordered tbody tr:last-child td:last-child {
        border-bottom-width: 0
      }
      .dcf-table-responsive tbody td:before {
        content: attr(data-label);
        float: left;
        font-weight: 700;
        padding-right: 1.78em
      }
    }
.dcf-overflow-x-auto {
      overflow-x: auto!important;
      -webkit-overflow-scrolling: touch
    }


.hamburger_wrap {
	--thickness: 0.125rem;
	--gap: 0.5rem;
	--rotate: 35;
  --width: 100%;
}
.w--open .hamburger_line {
	transform: scaleX(0);
}
.w--open .hamburger_line:first-child {
	transform: translateY(calc(var(--thickness) + var(--gap))) rotate(calc(var(--rotate) * -1deg));
}
.w--open .hamburger_line:last-child {
	transform: translateY(calc(var(--thickness) * -1 + var(--gap) * -1)) rotate(calc(var(--rotate) * 1deg));
}


/* Page scrollbar enabled - Tasa cream theme */
html {
  scrollbar-width: thin;
  scrollbar-color: #292929 transparent;
}
::-webkit-scrollbar {
  width: 10px;
  display: block;
}
::-webkit-scrollbar-track {
  background: transparent;
}
::-webkit-scrollbar-thumb {
  background: #292929;
  border-radius: 5px;
  border: 2px solid transparent;
  background-clip: content-box;
}
::-webkit-scrollbar-thumb:hover {
  background: #3A3A3A;
  border-radius: 5px;
  border: 2px solid transparent;
  background-clip: content-box;
}


.hamburger_wrap {
	--thickness: 0.125rem;
	--gap: 0.5rem;
	--rotate: 35;
  --width: 80%;
}
.w--open .hamburger_line {
	transform: scaleX(0);
}
.w--open .hamburger_line:first-child {
	transform: translateY(calc(var(--thickness) + var(--gap))) rotate(calc(var(--rotate) * -1deg));
}
.w--open .hamburger_line:last-child {
	transform: translateY(calc(var(--thickness) * -1 + var(--gap) * -1)) rotate(calc(var(--rotate) * 1deg));
}


@container (min-width: 106.25em) {
	.nav.is-desktop { display: block; }
	.nav.is-mobile { display: none; }
}


  @media (min-width: 992px) {
    /* targets middle column items: 2, 5, 8, ... */
    .news_card_collection .news_card_layout .w-dyn-item:nth-child(3n+2) {
      margin-top: -3.13rem;
    }
  }


  @media (min-width: 992px) {
    /* targets middle column items: 2, 5, 8, ... */
    .news_card_collection .news_card_layout .w-dyn-item:nth-child(3n+2) {
      margin-top: -3.13rem;
    }
  }


  @media (min-width: 992px) {
    /* targets middle column items: 2, 5, 8, ... */
    .news_card_collection .news_card_layout .w-dyn-item:nth-child(3n+2) {
      margin-top: -3.13rem;
    }
  }


  @media (min-width: 992px) {
    /* targets middle column items: 2, 5, 8, ... */
    .news_card_collection .news_card_layout .w-dyn-item:nth-child(3n+2) {
      margin-top: -3.13rem;
    }
  }


  @media (min-width: 992px) {
    /* targets middle column items: 2, 5, 8, ... */
    .news_card_collection .news_card_layout .w-dyn-item:nth-child(3n+2) {
      margin-top: -3.13rem;
    }
  }


  @media (min-width: 992px) {
    /* targets middle column items: 2, 5, 8, ... */
    .news_card_collection .news_card_layout .w-dyn-item:nth-child(3n+2) {
      margin-top: -3.13rem;
    }
  }


a:link {
  font-size: 0.9375rem;
  text-decoration: none;
  color: #35336D;
  font-weight: 400;
  font-family: Inter;
}

.lightbox_container{isolation:isolate}.calendly_slot{width:100%;min-height:600px;display:flex;justify-content:center;align-items:stretch;padding:1.5rem 0 0;box-sizing:border-box}.calendly_placeholder{flex:1 1 auto;max-width:600px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;padding:2rem;border:1.5px dashed rgba(3,0,72,.18);border-radius:1.25rem;background:#faf8f3;text-align:center;color:#030048}.calendly_placeholder_icon{display:flex;align-items:center;justify-content:center;width:3.5rem;height:3.5rem;border-radius:100%;background:rgba(253,82,27,.1);color:#fd521b}.calendly_placeholder_title{font-family:"Outfit Variablefont Wght",Arial,sans-serif;font-size:1.375rem;font-weight:500}.calendly_placeholder_text{max-width:20rem;font-family:"Inter Variablefont Opsz Wght",Arial,sans-serif;font-size:.9375rem;line-height:1.5;color:rgba(3,0,72,.62)}.calendly_placeholder_link{margin-top:.5rem;font-family:"Inter Variablefont Opsz Wght",Arial,sans-serif;font-size:.9375rem!important;font-weight:600!important;color:#fd521b!important;text-decoration:none}.yt_card{position:relative;display:block;width:100%;aspect-ratio:16/9;border-radius:12px;overflow:hidden;background:#030048}.yt_card img{display:block;width:100%;height:100%;object-fit:cover}.yt_card_label{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;border-radius:999px;background:#fd521b;color:#fff;font-family:"Outfit Variablefont Wght",Arial,sans-serif;font-size:1rem;font-weight:500;white-space:nowrap}
/* ==== Updates: larger, fluid "tasa features" heading ==== */
.tasa_features_container .huge_heading{font-size:clamp(3.25rem,12.5cqw,10.5rem);line-height:.92;letter-spacing:-.035em}
@media screen and (max-width:479px){.tasa_features_container .huge_heading{font-size:clamp(3.25rem,22cqw,6.5rem);line-height:.9}}

/* ==== Updates: soft gradient from the acorn CTA into the FAQ (no hard colour step) ==== */
.small-cta-section:has(+ .faq-section){background-image:linear-gradient(180deg,rgba(253,82,27,0) 0%,rgba(253,82,27,0) 34%,rgba(253,82,27,.012) 48%,rgba(253,82,27,.03) 60%,rgba(253,82,27,.05) 72%,rgba(253,82,27,.07) 85%,rgba(253,82,27,.0902) 100%)}
@media screen and (max-width:479px){.small-cta-section:has(+ .faq-section){background-image:linear-gradient(180deg,rgba(253,82,27,0) 0%,rgba(253,82,27,0) 34%,rgba(253,82,27,.008) 48%,rgba(253,82,27,.02) 60%,rgba(253,82,27,.033) 72%,rgba(253,82,27,.046) 85%,rgba(253,82,27,.0588) 100%)}}


/* ==== Updates carried over from Webflow (Oct 2026): Main CTA ==== */
.cta-section.pros .cta_right_paragraph.pros{align-self:center;padding-top:4.5rem;padding-bottom:8.5rem}
.cta2_lead{max-width:28rem;margin-top:1.5rem;margin-bottom:0;font-family:"Inter Variablefont Opsz Wght",Arial,sans-serif;color:hsla(45,53.33%,94.12%,.88);font-size:1.25rem;line-height:1.5;font-weight:400}
.cta3_actions{display:flex;flex-direction:column;align-items:stretch;width:100%;max-width:27rem;margin-top:2.5rem;gap:.75rem}
a.main_button.cta3_main{width:100%;height:58px;padding-top:0;padding-bottom:4px;border-bottom-width:0;box-shadow:inset 0 -4px 0 0 rgba(0,0,0,.15);transition:background-color 250ms ease,box-shadow 250ms ease}
a.main_button.cta3_main:hover{padding-top:0;padding-bottom:4px;border-bottom-width:0;background-color:#fff;box-shadow:inset 0 -4px 0 0 rgba(0,0,0,.15),0 14px 32px -14px rgba(7,5,54,.55)}
.cta3_main_text{font-family:"Outfit Variablefont Wght",Arial,sans-serif;color:#fd521b;font-size:1.125rem;line-height:100%;font-weight:500;white-space:nowrap}
.cta3_stores{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto;gap:.75rem}
a.cta3_store_btn{display:flex;height:64px;padding:0 1rem 3px;justify-content:center;align-items:center;gap:.75rem;border:.06rem solid #f8f4e8;border-radius:10px;background-color:hsla(45,53.33%,94.12%,.08);box-shadow:inset 0 -3px 0 0 hsla(0,0%,0%,.15);color:#f8f4e8;text-decoration:none;transition:background-color 250ms ease,box-shadow 250ms ease}
a.cta3_store_btn:hover{padding-top:0;padding-bottom:3px;background-color:hsla(45,53.33%,94.12%,.16);box-shadow:inset 0 -3px 0 0 hsla(0,0%,0%,.15),0 14px 32px -16px rgba(7,5,54,.45)}
.cta3_store_icon{width:1.625rem;height:1.625rem;flex:none;color:#f8f4e8}
.cta3_store_label{display:flex;flex-direction:column;align-items:flex-start;gap:.2rem}
.cta3_store_small{font-family:"Inter Variablefont Opsz Wght",Arial,sans-serif;color:hsla(45,53.33%,94.12%,.75);font-size:.6875rem;line-height:1;font-weight:500;white-space:nowrap}
.cta3_store_text{font-family:"Outfit Variablefont Wght",Arial,sans-serif;color:#f8f4e8;font-size:1.1875rem;line-height:1.05;font-weight:600;white-space:nowrap}
.cta4_mascot{position:absolute;right:2.5rem;bottom:0;z-index:3;display:flex;align-items:flex-end;pointer-events:none;transform:translateY(115%);opacity:0;transition:transform 550ms cubic-bezier(.34,1.56,.64,1),opacity 250ms ease}
.cta4_note{margin-right:.25rem;margin-bottom:2.25rem;font-family:Gloriahallelujah,cursive;color:#fff;font-size:1.5rem;line-height:1.5rem;font-weight:400;text-align:center;white-space:nowrap;opacity:0;transform:rotate(-6deg) translateY(6px);transition:opacity 300ms ease 200ms,transform 300ms ease 200ms}
.cta4_mascot_img{display:block;width:11rem;max-width:none;margin-bottom:-1.5rem;flex:none;filter:drop-shadow(0 14px 28px rgba(7,5,54,.35));transform-origin:50% 100%;animation:cta4bob 4.5s ease-in-out infinite}
@keyframes cta4bob{0%,100%{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-5px) rotate(-1.5deg)}}
.cta_container:has(.cta3_main:hover) .cta4_mascot,.cta_container:has(.cta3_main:focus-visible) .cta4_mascot{transform:translateY(0);opacity:1}
.cta_container:has(.cta3_main:hover) .cta4_note,.cta_container:has(.cta3_main:focus-visible) .cta4_note{opacity:.8;transform:rotate(-6deg) translateY(0)}
@media (prefers-reduced-motion: reduce){.cta4_mascot,.cta4_note{transition:opacity 200ms ease}.cta4_mascot_img{animation:none}.cta4_mascot{transform:none}}
@media screen and (max-width:991px){
  .cta-section.pros .cta_right_paragraph.pros{padding-top:0;padding-bottom:0}
  .cta2_lead{text-align:center;margin-left:auto;margin-right:auto}
  .cta3_actions{margin-left:auto;margin-right:auto}
  .cta4_mascot{display:none}
}
@media screen and (max-width:479px){
  .cta2_lead{font-size:1.0625rem}
  .cta3_actions{max-width:none}
  a.main_button.cta3_main{padding-left:1rem;padding-right:1rem}
  a.cta3_store_btn{padding-left:.75rem;padding-right:.75rem;gap:.625rem}
  .cta3_store_text{font-size:1.0625rem}
}


/* ==== Tasa site chrome (navigation, language, footer, founder video) ==== */
[data-tasa-scripts]{position:relative}
.nav_wrapper,.navbar.w-nav,.nav.w-nav{display:none!important}

/* ---- top navigation: the tasa.app bar (tall orange bar, big logo, burger) with the new buttons on the right ---- */
.tn{position:fixed;z-index:60;top:16px;left:16px;right:16px;padding:16px clamp(12px,2vw,29px) 0;pointer-events:none;font-family:"Inter Variablefont Opsz Wght",Arial,sans-serif;
  transition:transform .55s cubic-bezier(.22,.61,.36,1);will-change:transform}
.tn.is-hidden{transform:translateY(calc(-100% - 24px))}
.tn_bar{pointer-events:auto;position:relative;display:flex;align-items:center;justify-content:space-between;gap:16px;box-sizing:border-box;height:101px;margin:0 auto;padding:0 16px;
  border-radius:28px;background:#fd521b;border:.5px solid rgba(248,244,232,.2);transition:box-shadow .35s ease}
.tn.is-lifted .tn_bar{box-shadow:0 14px 34px -16px rgba(40,12,0,.38)}
.tn_logo{display:flex;align-items:center;flex:none;border-radius:10px;text-decoration:none}
.tn_logo img{display:block;width:auto;height:43px}
.tn_icon,.tn_icon:visited,.tn_icon:hover{color:#fff!important}
.tn_icon svg,.tn_icon svg path{fill:#fff!important}
.tn_icon:focus-visible,.tn_cta:focus-visible,.tn_lang_btn:focus-visible,.tn_burger:focus-visible,.tn_logo:focus-visible,.tn_mrow:focus-visible{outline:2px solid #fff;outline-offset:2px}
.tn_chev{flex:none;transition:transform .2s}
[data-tn-open]>[data-tn-toggle] .tn_chev{transform:rotate(180deg)}
.tn_actions{display:flex;align-items:center;gap:10px;flex:none}
.tn_icon{display:flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:10px;background:rgba(255,255,255,.14);color:#fff;transition:background-color .18s}
.tn_icon svg{width:22px;height:22px}
.tn_icon:hover{background:rgba(255,255,255,.24)}
/* same look as the site's buttons: beige, Outfit medium in orange, a pressed bottom edge that flattens on hover */
.tn_cta{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;height:48px;padding:0 24px;border-radius:10px;
  background:#f8f4e8;border-bottom:4px solid rgba(0,0,0,.15);color:#fd521b!important;
  font-family:"Outfit Variablefont Wght",Arial,sans-serif!important;font-size:18px!important;font-weight:500!important;letter-spacing:0!important;line-height:1!important;
  text-decoration:none;white-space:nowrap;box-shadow:none;transition:border-bottom-width .2s linear,padding .2s linear}
.tn_cta:hover{border-bottom-width:0;padding-top:4px}
.tn_drop{position:relative}

/* language: opens on hover with a mouse, on tap on touch screens */
.tn_lang_btn{display:inline-flex;align-items:center;gap:8px;height:46px;padding:0 13px 0 8px;border:1px solid rgba(255,255,255,.22);border-radius:999px;
  background:rgba(255,255,255,.12);color:#fff;font-family:inherit;font-size:15px;font-weight:600;line-height:1;cursor:pointer;transition:background-color .18s}
.tn_lang_btn:hover,.tn_lang[data-tn-open] .tn_lang_btn{background:rgba(255,255,255,.22)}
.tn_flag{display:block;flex:none;width:26px;height:26px;border-radius:50%;object-fit:cover;box-shadow:0 0 0 1.5px rgba(255,255,255,.75)}
.tn_lang_menu{position:absolute;top:calc(100% + 12px);right:0;width:224px;padding:6px;border-radius:16px;background:#fff;
  box-shadow:0 20px 50px rgba(3,0,72,.18),0 2px 6px rgba(3,0,72,.06);opacity:0;visibility:hidden;transform:translateY(6px);transition:opacity .16s,transform .16s,visibility 0s .16s}
.tn_lang_menu:before{content:"";position:absolute;left:0;right:0;top:-14px;height:14px}
.tn_lang[data-tn-open] .tn_lang_menu{opacity:1;visibility:visible;transform:none;transition:opacity .16s,transform .16s}
.tn_lang_opt{display:flex;align-items:center;gap:11px;width:100%;height:44px;padding:0 10px;border:0;border-radius:11px;background:transparent;color:#030048;
  font-family:inherit;font-size:15px;font-weight:500;text-align:left;cursor:pointer}
.tn_lang_opt:hover{background:#f6f3ec}
.tn_lang_opt .tn_flag{width:22px;height:22px;box-shadow:0 0 0 1px rgba(3,0,72,.12)}
.tn_lang_name{flex:1 1 auto}
.tn_lang_short{color:rgba(3,0,72,.45);font-size:12.5px;font-weight:600}
.tn_check{display:none;color:#fd521b}
.tn_lang_opt.is-active{background:#fff2ec;font-weight:600}
.tn_lang_opt.is-active .tn_lang_short{display:none}
.tn_lang_opt.is-active .tn_check{display:block}
[data-tasa-loading] .tn_lang_btn{opacity:.7}

/* burger: the three tasa.app lines; it drops the tasa.app list of pages under the bar */
.tn_burger_wrap{position:static;margin-right:22px}
.tn_burger{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;width:40px;height:46px;padding:0;border:0;border-radius:10px;background:transparent;cursor:pointer}
.tn_burger span{display:block;width:28px;height:2px;border-radius:2px;background:#f8f4e8;transition:transform .25s ease,opacity .2s}
.tn_burger:hover span{background:#fff}
.tn_burger_wrap[data-tn-open] .tn_burger span:nth-child(1){transform:translateY(10px) rotate(45deg)}
.tn_burger_wrap[data-tn-open] .tn_burger span:nth-child(2){opacity:0;transform:scaleX(0)}
.tn_burger_wrap[data-tn-open] .tn_burger span:nth-child(3){transform:translateY(-10px) rotate(-45deg)}
.tn_menu{position:absolute;top:calc(100% + 8px);left:clamp(0px,7.3%,98px);right:clamp(0px,7.3%,98px);max-height:calc(100vh - 170px);overflow:auto;overscroll-behavior:contain;
  box-sizing:border-box;padding:10px 0 0;border-radius:16px;border:.5px solid rgba(248,244,232,.6);background:rgba(14,14,27,.4);
  -webkit-backdrop-filter:blur(24px) saturate(1.1);backdrop-filter:blur(24px) saturate(1.1);color:#f8f4e8;text-align:center;
  opacity:0;visibility:hidden;transform:translateY(-6px);transition:opacity .2s,transform .2s,visibility 0s .2s;cursor:default}
.tn_burger_wrap[data-tn-open] .tn_menu{opacity:1;visibility:visible;transform:none;transition:opacity .2s,transform .2s}
.tn_mrow{display:flex;align-items:center;justify-content:center;gap:8px;box-sizing:border-box;width:100%;min-height:64px;margin:0;padding:12px 16px;border:0;
  border-bottom:.5px solid rgba(248,244,232,.1);background:transparent;color:#f8f4e8!important;font-family:"Inter Variablefont Opsz Wght",Arial,sans-serif!important;
  font-size:18px!important;font-weight:500!important;letter-spacing:0!important;line-height:1.2!important;text-decoration:none;cursor:pointer;transition:background-color .15s}
.tn_menu>.tn_mrow:last-of-type{border-bottom:0}
.tn_mrow:hover{background:rgba(248,244,232,.09)}
.tn_mi--uc[data-uc-open] .tn_uc_toggle{background:rgba(248,244,232,.06)}
.tn_mi--uc[data-uc-open] .tn_uc_toggle .tn_chev{transform:rotate(180deg)}
.tn_uc_wrap{display:grid;grid-template-rows:0fr;transition:grid-template-rows .32s ease}
.tn_mi--uc[data-uc-open] .tn_uc_wrap{grid-template-rows:1fr}
.tn_uc_inner{min-height:0;overflow:hidden}
.tn_uc_body{padding:10px 14px 16px;border-bottom:.5px solid rgba(248,244,232,.1);background:rgba(248,244,232,.06)}
.tn_uc_cols{display:grid;grid-template-columns:minmax(0,3fr) minmax(250px,1.1fr);gap:16px;text-align:left}
.tn_menu_head{margin:6px 10px 8px;color:rgba(248,244,232,.62);font-size:14px;font-weight:600;letter-spacing:0;text-transform:none}
.tn_menu_grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2px}
.tn_menu_list{display:grid;gap:2px}
.tn_uc{display:flex;align-items:center;gap:12px;min-width:0;padding:9px 10px;border-radius:12px;color:#f8f4e8!important;text-decoration:none;transition:background-color .15s}
.tn_uc:hover{background:rgba(248,244,232,.1)}
.tn_uc_emoji{display:flex;align-items:center;justify-content:center;flex:none;width:40px;height:40px;border-radius:11px;background:rgba(248,244,232,.12);font-size:20px;line-height:1}
.tn_uc_text{display:flex;flex-direction:column;gap:3px;min-width:0}
.tn_uc_title{font-size:15.5px;font-weight:600;line-height:1.25;color:#f8f4e8}
.tn_uc_sub{font-size:13.5px;line-height:1.35;color:rgba(248,244,232,.66)}
.tn_menu_all{display:inline-flex;align-items:center;gap:8px;margin-top:12px;padding:10px 14px;border-radius:12px;color:#f8f4e8!important;font-size:15px;font-weight:600;text-decoration:none}
.tn_menu_all:hover{background:rgba(248,244,232,.1)}
.tn_menu_actions{display:none}
@media (max-width:1100px){
  .tn_uc_cols{grid-template-columns:1fr}
  .tn_menu_list{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (max-width:991px){
  .tn_menu_grid,.tn_menu_list{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:767px){
  .tn{top:16px;left:16px;right:16px;padding:16px 0 0}
  .tn_bar{height:69px;padding:0 12px;gap:8px}
  .tn_logo img{height:39px}
  .tn_actions{gap:8px}
  .tn_burger_wrap{margin-right:0}
  .tn_burger{width:36px;height:44px;gap:7px}
  .tn_burger span{width:25px}
  .tn_burger_wrap[data-tn-open] .tn_burger span:nth-child(1){transform:translateY(9px) rotate(45deg)}
  .tn_burger_wrap[data-tn-open] .tn_burger span:nth-child(3){transform:translateY(-9px) rotate(-45deg)}
  .tn_actions>.tn_cta{display:none}
  .tn_icon{width:40px;height:40px;border-radius:10px}
  .tn_lang_btn{height:44px;padding:0 10px 0 7px}
  .tn_menu{left:12px;right:12px;max-height:calc(100vh - 120px)}
  .tn_mrow{min-height:56px;font-size:17px!important}
  .tn_menu_actions{display:block;padding:14px 16px 16px}
  .tn_uc_body{padding:8px 8px 12px}
  .tn_menu_grid,.tn_menu_list{grid-template-columns:1fr 1fr}
  .tn_uc{gap:9px;padding:8px}
  .tn_uc_emoji{width:34px;height:34px;font-size:17px;border-radius:10px}
  .tn_menu_grid .tn_uc_sub,.tn_menu_list .tn_uc_sub{display:none}
  .tn_uc_title{font-size:14px}
}
@media (max-width:420px){.tn_menu_grid,.tn_menu_list{grid-template-columns:1fr}}
@media (max-width:360px){.tn_lang_code{display:none}.tn_lang_btn{gap:4px}.tn_logo img{height:34px}}
.tn_cta--block{width:100%;height:52px}
/* laptops and desktops: the pages in the bar, Use Cases opens the use-case panel on hover */
.tn_links{display:none}
.tn_link{position:relative;display:inline-flex;align-items:center;gap:6px;flex:none;height:46px;margin:0;padding:0 2px;border:0;background:transparent;cursor:pointer;
  color:#f8f4e8!important;font-family:"Inter Variablefont Opsz Wght",Arial,sans-serif!important;font-size:17px!important;font-weight:500!important;letter-spacing:0!important;
  line-height:1!important;text-decoration:none;white-space:nowrap}
.tn_link:after{content:"";position:absolute;left:2px;right:2px;bottom:7px;height:2px;border-radius:2px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .25s ease}
.tn_link--drop:after{right:18px}
.tn_link:hover:after,.tn_link[aria-current="page"]:after,.tn_ucdrop[data-tn-open] .tn_link--drop:after{transform:scaleX(1)}
.tn_link:focus-visible{outline:2px solid #fff;outline-offset:4px;border-radius:4px}
.tn_ucdrop{position:static;display:flex;align-items:center}
.tn_ucpanel{position:absolute;top:calc(100% + 10px);left:50%;width:min(940px,calc(100% - 32px));box-sizing:border-box;max-height:calc(100vh - 170px);overflow:auto;
  border-radius:24px;background:#fff;color:#030048;text-align:left;cursor:default;box-shadow:0 30px 70px rgba(46,16,0,.22),0 2px 8px rgba(46,16,0,.08);
  opacity:0;visibility:hidden;transform:translate(-50%,-6px);transition:opacity .2s,transform .2s,visibility 0s .2s}
.tn_ucpanel:before{content:"";position:absolute;left:0;right:0;top:-18px;height:18px}
.tn_ucdrop[data-tn-open] .tn_ucpanel{opacity:1;visibility:visible;transform:translate(-50%,0);transition:opacity .2s,transform .2s}
/* tasa.app's desktop dropdown: white panel, cream tiles; business use in two columns, personal use beside it */
.tn_dd{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr)}
.tn_dd_col{padding:20px 20px 22px}
.tn_dd_col--side{border-left:1px solid rgba(3,0,72,.08)}
.tn_dd_head{margin:2px 0 16px;color:rgba(3,0,72,.5);font-size:13px;font-weight:600;letter-spacing:.02em;text-transform:uppercase}
.tn_dd_grid{display:grid;gap:12px}
.tn_dd_grid--two{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:6px}
.tn_dd_tile{display:flex;align-items:center;gap:14px;min-width:0;min-height:62px;box-sizing:border-box;padding:10px 16px 10px 18px;border-radius:12px;background:#f8f4e8;
  color:#030048!important;text-decoration:none;transition:background-color .18s,transform .18s}
.tn_dd_tile:hover{background:#f2ebd8;transform:translateY(-1px)}
.tn_dd_tile:hover .tn_dd_title{color:#fd521b}
.tn_dd_emoji{flex:none;width:22px;font-size:17px;line-height:1;text-align:center}
.tn_dd_text{display:flex;flex-direction:column;gap:2px;min-width:0}
.tn_dd_title{font-size:16px;font-weight:600;line-height:1.2;color:#030048;transition:color .18s}
.tn_dd_sub{font-size:14px;line-height:1.3;color:rgba(3,0,72,.78)}
@media (min-width:1100px){
  .tn_links{display:flex;align-items:center;justify-content:center;gap:clamp(20px,2.3vw,38px);flex:1 1 auto;min-width:0}
  .tn_burger_wrap{display:none}
  .tn.is-tight .tn_links{display:none}
  .tn.is-tight .tn_burger_wrap{display:block}
}
@media (min-width:1100px) and (max-width:1279px){.tn_link{font-size:16px!important}.tn_links{gap:20px}}

/* ---- footer ---- */
.footer_component{overflow:hidden}
footer.main_footer.tf2-page-bg{background-color:transparent!important}
.footer_component .page-padding{padding:clamp(48px,6vw,88px) clamp(20px,5.6vw,80px) 0!important}
.tf2{display:flex;flex-direction:column;font-family:"Inter Variablefont Opsz Wght",Arial,sans-serif;color:#030048}
/* top: logo + award on the left, tagline + stores on the right */
.tf2_top{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:28px 40px;padding-bottom:clamp(28px,3.2vw,44px);border-bottom:1px solid rgba(3,0,72,.08)}
.tf2_brandrow{display:flex;align-items:center;gap:24px;min-width:0}
.tf2_logo{display:inline-flex;align-items:center;gap:14px;flex:none;text-decoration:none}
.tf2_logo svg:first-child{width:46px;height:46px;flex:none}
.tf2_logo svg:last-child{width:auto;height:30px}
.tf2_award{display:flex;align-items:center;min-width:0;min-height:46px;padding-left:24px;border-left:1px solid rgba(3,0,72,.12)}
.tf2_award .awrd_wrap{display:flex;align-items:center;gap:12px;min-width:0}
.tf2_award svg{display:block;flex:none;width:auto;height:32px}
.tf2_get{display:flex;align-items:center;gap:20px 24px;min-width:0}
.tf2_tagline{flex:0 1 270px;max-width:270px;margin:0;color:rgba(3,0,72,.66);font-size:15px;line-height:1.5}
.tf2_stores{display:flex;flex-wrap:wrap;gap:8px;flex:none}
/* the site's secondary button: orange tint, thin orange border, Outfit in orange, a pressed bottom edge; fills orange on hover */
.tf2_store{display:inline-flex;align-items:center;justify-content:center;gap:10px;box-sizing:border-box;height:50px;padding:0 20px 0 16px;border-radius:10px;
  background:rgba(253,82,27,.1);border:1px solid #fd521b;box-shadow:inset 0 -3px 0 rgba(0,0,0,.15);color:#fd521b!important;
  font-family:"Outfit Variablefont Wght",Arial,sans-serif!important;font-size:16.5px!important;font-weight:500!important;letter-spacing:0!important;line-height:1!important;
  text-decoration:none;white-space:nowrap;transition:background-color .2s,color .2s,box-shadow .2s,transform .2s}
.tf2_store:hover{background:#fd521b;color:#fff!important;box-shadow:inset 0 0 0 rgba(0,0,0,.15);transform:translateY(1px)}
.tf2_store:focus-visible{outline:2px solid #fd521b;outline-offset:2px}
.tf2_store svg{display:block;flex:none;width:20px;height:20px}
/* main: the Logotio card on the left, the link columns on the right */
.tf2_main{display:grid;grid-template-columns:minmax(320px,530px) minmax(0,1fr);gap:clamp(40px,6vw,96px);align-items:start;
  padding:clamp(32px,3.6vw,48px) 0;border-bottom:1px solid rgba(3,0,72,.08)}
.tf2_cols{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;min-width:0;padding-top:4px}
.tf2_head{margin-bottom:16px;color:#fd521b;font-size:14px;font-weight:600;letter-spacing:0;text-transform:none}
.tf2_list{display:flex;flex-direction:column;gap:12px;margin:0;padding:0;list-style:none}
.tf2_list a{color:#030048!important;font-size:16px;font-weight:500;line-height:1.3;text-decoration:none;background:linear-gradient(currentColor,currentColor) 0 100%/0 1.5px no-repeat;transition:background-size .2s,color .2s}
.tf2_list a:hover{color:#fd521b!important;background-size:100% 1.5px}
.tf2_socials{display:flex;flex-wrap:wrap;gap:8px}
.tf2_social{display:flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:50%;background:#f4f2fb;color:#030048;transition:background-color .18s,transform .18s}
.tf2_social:hover{background:#fd521b;transform:translateY(-2px)}
.tf2_social:hover svg,.tf2_social:hover svg *{fill:#fff}
.tf2_social svg{width:20px;height:20px}
.tf2_adcol{display:flex;flex-direction:column;align-items:flex-start;gap:12px;width:100%;min-width:0}
/* the Logotio card as on tasa.app: a big speech bubble, the name typing in letter by letter and the squirrel popping up */
.tf2_agency{position:relative;display:flex;align-items:flex-start;width:100%;aspect-ratio:1432/584;padding:5.6% 0 0 6%;color:#fff!important;text-decoration:none;
  isolation:isolate;transition:transform .25s cubic-bezier(.2,.8,.2,1)}
.tf2_agency:hover{transform:translateY(-3px)}
.tf2_agency_bg{position:absolute;inset:0;z-index:-1;width:100%;height:100%;object-fit:contain;pointer-events:none}
.tf2_agency_text{display:flex;flex-direction:column;gap:10px;width:52%;min-width:0}
.tf2_agency_small{font-size:14px;line-height:1.42;color:rgba(255,255,255,.86)}
.tf2_agency_name{display:flex;font-family:"Outfit Variablefont Wght",Arial,sans-serif;font-size:24px;font-weight:600;line-height:1.15;overflow:hidden;padding-bottom:2px}
.tf2_ch{display:inline-block;transform:translateY(0);opacity:1}
.tf2_agency_pic{position:absolute;right:0;bottom:9.6%;width:42.6%;height:90.4%;display:flex;align-items:flex-end;overflow:hidden;border-radius:0 0 25px 0;pointer-events:none}
.tf2_agency_img{display:block;flex:none;width:110%;max-width:none;height:auto;transform-origin:60% 100%}
[data-tf2-ad].is-ready .tf2_ch{transform:translateY(105%);opacity:0}
[data-tf2-ad].is-ready .tf2_agency_img{transform:translateY(80%) rotate(23deg);opacity:0}
[data-tf2-ad].is-in .tf2_ch{transform:none;opacity:1;transition:transform .5s cubic-bezier(.2,.8,.2,1) calc(var(--i) * 45ms),opacity .3s calc(var(--i) * 45ms)}
[data-tf2-ad].is-in .tf2_agency_img{transform:none;opacity:1;transition:transform .7s cubic-bezier(.34,1.45,.5,1) .75s,opacity .3s .75s}
.tf2_agency:hover .tf2_agency_img{animation:tf2Wiggle .9s ease-in-out}
@keyframes tf2Wiggle{0%,100%{transform:none}30%{transform:rotate(-7deg)}60%{transform:rotate(5deg)}}
.tf2_made{padding-left:6%;color:rgba(3,0,72,.62);font-size:14px;line-height:20px}
@media (prefers-reduced-motion:reduce){[data-tf2-ad].is-ready .tf2_ch,[data-tf2-ad].is-ready .tf2_agency_img{transform:none;opacity:1}.tf2_agency:hover .tf2_agency_img{animation:none}}
.tf2_bottom{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px 24px;padding:22px 0 clamp(24px,3vw,40px);color:rgba(3,0,72,.58);font-size:14px}
.tf2_made a{color:#030048!important;font-weight:600;text-decoration:none}
.tf2_heart{color:#fd521b}
@media (max-width:1180px){
  .tf2_main{grid-template-columns:minmax(300px,440px) minmax(0,1fr);gap:48px}
  .tf2_agency_small{font-size:12.5px}
  .tf2_agency_name{font-size:20px}
}
@media (max-width:991px){
  .tf2_get{flex-wrap:wrap}
  .tf2_tagline{flex-basis:100%;max-width:30rem}
  .tf2_main{grid-template-columns:1fr;gap:40px}
  .tf2_cols{order:-1}
  .tf2_adcol{width:min(530px,100%)}
  .tf2_agency_small{font-size:14px}
  .tf2_agency_name{font-size:23px}
}
@media (max-width:600px){
  .tf2_brandrow{flex-direction:column;align-items:flex-start;gap:16px}
  .tf2_award{padding-left:0;border-left:0;min-height:0}
  .tf2_cols{grid-template-columns:1fr 1fr;gap:32px 16px}
  .tf2_cols .tf2_col:last-child{grid-column:1/-1}
  .tf2_stores{flex:1 1 100%}
  .tf2_store{flex:1 1 auto;justify-content:center}
  .tf2_bottom{flex-direction:column-reverse;align-items:flex-start}
  .tf2_adcol{width:100%}
  .tf2_agency{aspect-ratio:auto;min-height:150px;padding:20px 0 20px 20px;border-radius:22px;background:linear-gradient(115deg,#120b35 0%,#24104a 55%,#4a1d45 100%)}
  .tf2_agency:after{content:"";position:absolute;z-index:-1;left:18%;bottom:-10px;width:22px;height:22px;background:#170c3c;transform:rotate(45deg);border-radius:0 0 4px 0}
  .tf2_agency_bg{display:none}
  .tf2_agency_pic{bottom:0;height:100%;width:40%;border-radius:0 0 22px 0}
  .tf2_agency_text{width:58%}
  .tf2_made{padding-left:20px}
  .tf2_agency_small{font-size:12.5px}
  .tf2_agency_name{font-size:19px}
  .tf2_socials{gap:6px}
  .tf2_social{width:38px;height:38px}
  .tf2_social svg{width:18px;height:18px}
}
/* ---- founder video window ---- */
.tv{position:fixed;z-index:55;left:20px;bottom:20px;font-family:"Inter Variablefont Opsz Wght",Arial,sans-serif;opacity:0;transform:translateY(12px);transition:opacity .4s,transform .4s;pointer-events:none}
.tv[data-ready]{opacity:1;transform:none}
.tv[data-ready] .tv_bubble{pointer-events:auto}
.tv[data-hidden]{display:none}
.tv_bubble{position:relative;width:112px;height:168px;border-radius:18px;overflow:hidden;cursor:pointer;background:#fd521b;
  box-shadow:0 0 0 3px #fd521b,0 0 0 5px #fff,0 16px 36px rgba(3,0,72,.28);transition:transform .2s,box-shadow .2s}
.tv_bubble:hover{transform:translateY(-3px) scale(1.03)}
.tv_bubble:focus-visible{outline:none;box-shadow:0 0 0 3px #fd521b,0 0 0 6px #030048}
.tv_bubble video{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 20%}
.tv_bubble_play{position:absolute;left:8px;bottom:8px;display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:rgba(255,255,255,.92);color:#fd521b;padding-left:2px}
.tv_x{position:absolute;top:6px;right:6px;display:flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;border:0;border-radius:50%;background:rgba(3,0,72,.62);color:#fff;cursor:pointer}
.tv_x:hover{background:#030048}
.tv_player{position:absolute;left:0;bottom:0;width:min(320px,calc(100vw - 40px));aspect-ratio:9/16;max-height:calc(100vh - 40px);border-radius:22px;overflow:hidden;background:#030048;
  box-shadow:0 30px 70px rgba(3,0,72,.4);opacity:0;visibility:hidden;transform:scale(.6);transform-origin:0 100%;transition:opacity .25s,transform .3s cubic-bezier(.2,.8,.2,1),visibility 0s .3s}
.tv[data-open] .tv_player{opacity:1;visibility:visible;transform:none;pointer-events:auto;transition:opacity .25s,transform .3s cubic-bezier(.2,.8,.2,1)}
.tv[data-open] .tv_bubble{opacity:0;pointer-events:none}
.tv_player video{display:block;width:100%;height:100%;object-fit:cover;cursor:pointer}
.tv_top{position:absolute;left:0;right:0;top:0;padding:12px 12px 28px;background:linear-gradient(rgba(3,0,72,.55),rgba(3,0,72,0))}
.tv_progress{height:3px;border-radius:3px;background:rgba(255,255,255,.35);overflow:hidden}
.tv_progress span{display:block;height:100%;background:#fff;transform:scaleX(0);transform-origin:0 50%}
.tv_top_row{display:flex;align-items:center;gap:6px;margin-top:10px}
.tv_title{flex:1 1 auto;color:#fff;font-size:13.5px;font-weight:600;line-height:1.3;text-shadow:0 1px 6px rgba(0,0,0,.3)}
.tv_btn{display:flex;align-items:center;justify-content:center;width:34px;height:34px;padding:0;border:0;border-radius:50%;background:rgba(3,0,72,.45);color:#fff;cursor:pointer;flex:none}
.tv_btn:hover{background:rgba(3,0,72,.7)}
.tv_btn .tv_off{display:none}
.tv_btn[aria-pressed="true"] .tv_on{display:none}
.tv_btn[aria-pressed="true"] .tv_off{display:block}
.tv_cta{position:absolute;left:12px;right:12px;bottom:12px;display:flex;align-items:center;justify-content:center;box-sizing:border-box;height:48px;border-radius:10px;background:#fd521b;color:#fff!important;
  border-bottom:4px solid rgba(0,0,0,.15);font-family:"Outfit Variablefont Wght",Arial,sans-serif;font-size:16px;font-weight:500;text-decoration:none;box-shadow:0 6px 18px rgba(0,0,0,.25)}
@media (max-width:767px){.tv{left:12px;bottom:12px}.tv_bubble{width:88px;height:132px;border-radius:15px}}
@media (prefers-reduced-motion:reduce){.tv,.tv_player,.tv_bubble{transition:none}}
@media (prefers-reduced-motion:reduce){.tn,.tn_bar{transition:none}}

/* ==== Site-wide fixes ==== */
/* hero boxes: full width like the home page (15px inset, no max-width), on every page type */
.case_hero_container.u-container-large,.news_hero_container.u-container-large,.blog_hero_contain.u-container-large,.header-section,.header-section-copy.legal,.lp_hero,.au_hero{box-sizing:border-box!important;width:calc(100vw - 30px)!important;max-width:none!important;margin-left:calc(50% - 50vw + 15px)!important;margin-right:0!important}
@media (max-width:767px){.case_hero_container.u-container-large,.news_hero_container.u-container-large,.blog_hero_contain.u-container-large,.header-section,.header-section-copy.legal,.lp_hero,.au_hero{width:calc(100vw - 16px)!important;margin-left:calc(50% - 50vw + 8px)!important}}
/* GIF screen recordings of the phone: clip the white frame corners to the phone outline */
video.gif_video{clip-path:inset(1.3% .9% 1.2% .6% round 16% / 7.6%);background:transparent}
/* acorn CTA -> FAQ: one continuous fade on every page that has it */
.small-cta-section:has(+ .faq-section-copy){background-image:linear-gradient(180deg,rgba(253,82,27,0) 0%,rgba(253,82,27,0) 34%,rgba(253,82,27,.012) 48%,rgba(253,82,27,.03) 60%,rgba(253,82,27,.05) 72%,rgba(253,82,27,.07) 85%,rgba(253,82,27,.0902) 100%)}
@media screen and (max-width:479px){.small-cta-section:has(+ .faq-section-copy){background-image:linear-gradient(180deg,rgba(253,82,27,0) 0%,rgba(253,82,27,0) 34%,rgba(253,82,27,.008) 48%,rgba(253,82,27,.02) 60%,rgba(253,82,27,.033) 72%,rgba(253,82,27,.046) 85%,rgba(253,82,27,.0588) 100%)}}
/* photo feature cards: keep the photo natural; the copy sits on a frosted panel instead of an orange wash */
.features_content-item .background-orange-blur,.features_content-item .background-blue-blur{display:none!important}
.features_content-item .features_overlay{background:linear-gradient(90deg,rgba(40,20,8,0) 40%,rgba(40,20,8,.12) 100%)!important}
.features_content-item.inverse .features_overlay{background:linear-gradient(270deg,rgba(40,20,8,0) 40%,rgba(40,20,8,.12) 100%)!important}
/* a see-through, matte frosted-glass panel on the photo: the picture shows through, blurred, with a fine grain */
.features_content-item.pros .features_content-right.pros{z-index:4;isolation:isolate;padding:clamp(24px,2.8vw,40px);border-radius:28px;background:rgba(255,255,255,.46);
  -webkit-backdrop-filter:blur(28px) saturate(1.35) brightness(1.12);backdrop-filter:blur(28px) saturate(1.35) brightness(1.12);
  border:1px solid rgba(255,255,255,.55);box-shadow:inset 0 1px 0 rgba(255,255,255,.65),0 24px 60px rgba(46,22,6,.18)}
.features_content-item.pros .features_content-right.pros:before{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;pointer-events:none;opacity:.22;mix-blend-mode:soft-light;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1  0 0 0 0 1  0 0 0 0 1  0 0 0 .9 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
.features_content-item.pros .features_text-top.pros{background:rgba(253,82,27,.1)!important;border-color:transparent!important}
.features_content-item.pros .features_name.pros{color:#e0440f!important}
.features_content-item.pros .features_tag.pros{color:#030048!important}
.features_content-item.pros .features_description.pros{color:rgba(3,0,72,.86)!important}
/* feature cards on the home page: more room between the picture and the copy */
@media (min-width:992px){.features_container{column-gap:clamp(48px,5.5vw,96px)!important}}
/* intro video: keeps its 16:9 shape at every window size instead of a height tied to the screen */
.intro_video_content{height:auto!important;aspect-ratio:16/9;max-height:none!important}
/* the blog rich text asks for "Outfit"/"Inter" by their short names: same variable font files */
@font-face{font-family:Outfit;src:url("../fonts/6a28f6188043ec03f5035494_Outfit-VariableFont_wght.woff2") format("woff2");font-weight:100 900;font-style:normal;font-display:swap}
@font-face{font-family:Inter;src:url("../fonts/6a28f4abf71d4d0abda54b9c_Inter-VariableFont_opsz-wght.woff2") format("woff2");font-weight:100 900;font-style:normal;font-display:swap}
.tasa_sr{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.text-block-32{min-width:max-content}
.features_tag.pros{white-space:normal!important;height:auto!important;min-height:2rem;text-align:left}
/* feature cards: the colour panel runs the full height of its card */
@media (min-width:768px){
  .features_columns>.feature_background{aspect-ratio:auto!important;height:auto!important;align-self:stretch!important;min-height:30rem}
  .features_columns>.feature_background>.large_feature_background{height:100%!important}
}
/* pricing header: heading, then the billing switch, on narrower screens */
@media (min-width:992px) and (max-width:1199px){
  .price_headline_content{grid-template-columns:1fr!important;row-gap:32px!important;align-items:start!important}
  /* leave room on the left for the "2 months free" note so it never runs into the switch */
  .right_pricing_heading_column{justify-self:start!important;margin-left:100px!important;padding-left:56px!important}
}
@media (min-width:768px) and (max-width:991px){.right_pricing_heading_column{justify-self:center!important;margin-left:0!important}}
@media (max-width:479px){.price_toggle_text{display:none!important}.right_pricing_heading_column{margin-left:0!important}}
/* FAQ: question list at full width on narrower screens */
@media (min-width:768px) and (max-width:1199px){
  .faq_main-wrapper{grid-template-columns:1fr!important;row-gap:40px!important}
  .left_faq_column{flex-direction:row!important;align-items:flex-end!important;justify-content:space-between!important;gap:32px}
  .left_faq_column img,.left_faq_column .faq_squirrel,.left_faq_column [class*="squirrel"]{max-width:200px!important;height:auto}
}
/* FAQ on laptops: less empty space above "Have questions?" */
@media (min-width:992px) and (max-width:1199px){
  .faq-section-container{padding-top:80px!important}
  .left_faq_column{align-items:center!important}
  .left_faq_column img,.left_faq_column .faq_squirrel,.left_faq_column [class*="squirrel"]{max-width:170px!important}
}
/* "tasa features": the soft orange gradient runs edge to edge, whatever the window width */
.second-features-section{position:relative;isolation:isolate;background-image:none!important;border-radius:0!important}
.second-features-section:before{content:"";position:absolute;top:0;bottom:0;left:50%;width:100vw;transform:translateX(-50%);z-index:-1;pointer-events:none;
  background:linear-gradient(rgba(253,82,27,0),rgba(253,82,27,.15))}

/* sub pages: sections span the whole window like on the home page (their content keeps its own width) */
.page_wrap{max-width:none!important}

/* home: the REST API, Webhooks & MCP tile opens the Automations page */
.tiny_feature.has-link{position:relative;transition:transform .2s ease,box-shadow .2s ease}
.tiny_feature.has-link:hover{transform:translateY(-3px);box-shadow:0 14px 30px -18px rgba(3,0,72,.35)}
.tiny_feature_link{position:absolute;inset:0;z-index:2;border-radius:inherit}

/* anchored sections clear the fixed navigation */
section[id],[id='new-features'],[id='pricing'],[id='faq'],[id='contact'],[id='download'],[id='more-features'],[id='api-key'],[id='every-worker']{scroll-margin-top:110px}
/* use cases overview: a calmer reading width on big screens */
.case_hero_industries .industry_container{max-width:1240px;margin-left:auto!important;margin-right:auto!important}
.case_hero_industries .case_hero_img_heading{max-width:1240px;margin-left:auto;margin-right:auto}
@media (min-width:992px){.cases_contain.u-container{max-width:1320px!important;margin-left:auto!important;margin-right:auto!important}}
/* blog overview: intro, category chips and search in the hero; one even grid of every article */
.news_hero_wrap .new_hero_content{flex-wrap:wrap;row-gap:20px}
.bl_tools{flex:1 1 100%;display:flex;flex-direction:column;gap:22px;font-family:"Inter Variablefont Opsz Wght",Arial,sans-serif}
.bl_sub{max-width:40rem;margin:0;color:rgba(255,255,255,.88);font-size:18px;line-height:1.5}
.bl_bar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px 20px}
.bl_chips{display:flex;flex-wrap:wrap;gap:8px}
.bl_chip{display:inline-flex;align-items:center;gap:8px;height:44px;padding:0 16px;border:1px solid rgba(255,255,255,.3);border-radius:999px;background:rgba(255,255,255,.12);
  color:#fff;font-family:inherit;font-size:15px;font-weight:500;cursor:pointer;transition:background-color .18s,color .18s}
.bl_chip span{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:22px;padding:0 6px;border-radius:999px;background:rgba(255,255,255,.2);font-size:12.5px}
.bl_chip:hover{background:rgba(255,255,255,.22)}
.bl_chip.is-active{background:#f8f4e8;border-color:#f8f4e8;color:#fd521b}
.bl_chip.is-active span{background:#ffe3d6;color:#c43d0e}
.bl_search{display:flex;align-items:center;gap:10px;width:min(320px,100%);height:46px;padding:0 16px;border-radius:999px;background:#fff;color:rgba(3,0,72,.5)}
.bl_search input{flex:1 1 auto;min-width:0;border:0;outline:0;background:transparent;color:#030048;font-family:inherit;font-size:15px}
.bl_search:focus-within{box-shadow:0 0 0 3px rgba(255,255,255,.55)}
.news_card_layout[data-bl-grid]{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:24px!important;align-items:stretch}
.news_card_layout[data-bl-grid]>.news_card_item{margin:0!important;transform:none!important;width:auto!important;height:auto!important}
.news_card_layout[data-bl-grid] .blog_card{height:100%}
.bl_more_wrap{display:flex;flex-direction:column;align-items:center;gap:14px;margin-top:40px}
.bl_more{box-sizing:border-box;height:56px;padding:0 30px;border:0;border-bottom:4px solid rgba(0,0,0,.15);border-radius:10px;background:#fd521b;color:#fff;
  font-family:"Outfit Variablefont Wght",Arial,sans-serif;font-size:18px;font-weight:500;cursor:pointer;transition:border-bottom-width .2s,padding .2s}
.bl_more:hover{border-bottom-width:0;padding-top:4px}
.bl_empty{margin:0;color:rgba(3,0,72,.6);font-family:"Inter Variablefont Opsz Wght",Arial,sans-serif;font-size:16px}
@media (max-width:991px){.news_card_layout[data-bl-grid]{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media (max-width:600px){.news_card_layout[data-bl-grid]{grid-template-columns:minmax(0,1fr)!important}.bl_search{width:100%}.bl_sub{font-size:16px}}
.bl_sub,.bl_chip,.bl_search input{letter-spacing:0!important;font-family:"Inter Variablefont Opsz Wght",Arial,sans-serif!important}
.news_card_layout[data-bl-grid] .blog_card{display:flex!important;flex-direction:column}
.news_card_layout[data-bl-grid] .blog_card_content{flex:1 1 auto}

/* the "Try Tasa" call to action inside blog articles: the site's primary button (beats the article's own `all:unset` rule) */
body .blog_cta_cont-v.u-richtext a.custom-cta-button,body a.custom-cta-button{display:inline-flex!important;align-items:center!important;justify-content:center!important;box-sizing:border-box!important;
  min-height:56px!important;margin-top:1.25rem!important;padding:0 30px!important;border:0!important;border-bottom:4px solid rgba(0,0,0,.15)!important;border-radius:10px!important;
  background:#fd521b!important;color:#fff!important;font-family:"Outfit Variablefont Wght",Arial,sans-serif!important;font-size:18px!important;font-weight:500!important;
  letter-spacing:0!important;line-height:1.1!important;text-decoration:none!important;box-shadow:none!important;cursor:pointer!important;transition:border-bottom-width .2s linear,padding .2s linear!important}
body .blog_cta_cont-v.u-richtext a.custom-cta-button:hover,body .blog_cta_cont-v.u-richtext a.custom-cta-button:focus,body a.custom-cta-button:hover{
  background:#fd521b!important;color:#fff!important;border-bottom-width:0!important;padding-top:4px!important}
/* photo panels: the secondary button reads orange on the glass */
.features_content-item.pros .secondary_button_orange .secondary_button_text-copy{color:#fd521b!important}
.features_content-item.pros .secondary_button_orange{background:#f8f4e8!important}
.features_content-item.pros .secondary_button_orange .button_icon-copy{filter:brightness(0) saturate(100%) invert(43%) sepia(86%) saturate(3176%) hue-rotate(350deg) brightness(101%) contrast(98%)}
/* hero note next to the mascot: keep each line whole in longer languages */
@media (min-width:768px){.header_content_img-absolute .text_absolute:not(.left){white-space:nowrap}}
