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) {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
    }


.weglot-container{display:inline-block;position:relative;font-family:'Inter','Inter var',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;font-size:1em;z-index:9999;letter-spacing:normal;text-transform:none}
.weglot_switcher.vertical_expand{display:inline-flex;flex-direction:column;align-items:stretch;border-radius:8px;position:relative}
.weglot_switcher .language-option a{display:flex;align-items:center;gap:8px;padding:12px;font-size:1em;font-weight:700;color:#fff!important;text-decoration:none;white-space:nowrap;line-height:1}
.weglot_switcher .language-option a:hover{background-color:rgb(251,120,76)!important}
.wg-flag{width:20px;height:20px;aspect-ratio:1/1;object-fit:cover;border-radius:3px;display:block;box-shadow:0 0 0 1px rgba(255,255,255,.25)}
.weglot_switcher .language-list{display:none;flex-direction:column;border-radius:0 0 8px 8px;overflow:hidden;position:absolute;top:100%;left:0;right:0;min-width:100%;width:max-content}
.weglot_switcher.vertical_expand:hover .language-list,.weglot_switcher.vertical_expand.wg-open .language-list,.weglot_switcher:focus-within .language-list{display:flex}
.weglot_switcher .active-language{border-radius:8px}

.contact_grid{grid-template-columns:1fr 1fr!important;grid-column-gap:2rem!important;grid-row-gap:2rem!important;align-items:start!important}.left_contact_column,.right_contact_column{width:100%!important;justify-self:stretch!important;height:auto!important}.right_contact_column{align-self:start!important}.left_contact_column,.right_contact_column{padding:3.5rem!important}.right_contact_column{grid-column:auto!important}.left_contact_testimonial_content{display:none!important}.top_right_contact_content{border-bottom:none!important;padding-bottom:0!important}.right_contact_content,.left_contact_calendly_content{width:100%!important;height:auto!important;align-self:stretch!important;justify-self:stretch!important}.right_contact_heading{flex-flow:column nowrap!important;justify-content:flex-start!important;align-items:flex-start!important;row-gap:1rem!important}.contact_right_subheading{display:flex!important;flex-direction:row!important;flex-wrap:wrap!important;flex:0 1 auto!important;width:auto!important;column-gap:.5rem!important;row-gap:.5rem!important;text-align:left!important;white-space:normal!important}.contact_right_subheading .subheading_text,.contact_right_subheading .text-span-61{display:inline!important}.contact_right_subheading .subheading_text{flex:0 1 auto!important}.features_heading .tasa_help_heading,.features_heading-text.pros{text-align:center!important}.features_container_anchors .feature_text{white-space:normal!important;word-break:normal!important}.download_text_headline{white-space:normal!important;word-break:normal!important;overflow-wrap:anywhere!important}.text-block-28{font-size:clamp(4.4rem,10vw,10.625rem)!important;white-space:normal!important}.right_contact_cta_buttons{display:flex!important;flex-wrap:wrap!important;column-gap:2rem!important;row-gap:2rem!important;margin-top:2.5rem!important}.right_contact_cta_buttons>*{flex:1 0 18.75rem!important}.cta_contact_buttons{height:auto!important;min-height:0!important;padding:1.25rem!important;display:flex!important;align-self:start!important}.contact_cta_button_content{flex-flow:column!important;justify-content:space-between!important;align-items:flex-start!important;width:100%!important;height:auto!important;min-height:0!important;row-gap:1rem!important}.contact_button_icon{width:45px!important;height:45px!important;flex:none!important}.contact_button_text{margin-top:auto!important;font-size:1.25rem!important}.email_text{margin-top:.35rem!important}.left_contact_heading .h3{margin-bottom:0!important;line-height:1.1!important}.left_contact_heading{margin-bottom:.5rem;text-align:center;padding-left:clamp(1.5rem,2.4px + 4.5vw,3.75rem);padding-right:clamp(1.5rem,2.4px + 4.5vw,3.75rem)}@media screen and (max-width:991px){.contact_grid{grid-template-columns:1fr!important}.contact_grid>*{grid-column:auto!important}.left_contact_column,.right_contact_column{padding:3rem 2rem!important}}@media screen and (max-width:479px){.left_contact_column,.right_contact_column{padding:2rem 1.5rem!important}}@media screen and (max-width:767px){.contact_grid{grid-template-columns:1fr!important}}.left_contact_calendly_content .code-embed{flex:0 0 auto!important;min-height:0!important;max-height:none!important}.left_contact_heading{display:block!important;text-align:center!important}.left_contact_heading h3,.left_contact_heading .h3,.h3.contact.center{text-align:center!important;margin-inline:auto!important}.tasa-footer-flex{display:flex;flex-direction:row;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;column-gap:7rem;row-gap:2rem;grid-column:2/4}@media screen and (min-width:1500px){.metrics_grid .metric_box{flex-flow:column!important;align-items:flex-start!important;justify-content:flex-start!important;grid-column-gap:3rem;grid-row-gap:1.5rem}}@media screen and (min-width:1500px){.metrics_grid .metric_text_content{flex-flow:column!important;align-items:flex-start!important;max-width:100%!important}}
.lottie-animation:not(.lottie-animation-2):not(.lottie-animation-3){width:6.25rem}.lottie-animation:not(.lottie-animation-2):not(.lottie-animation-3) svg,.lottie-animation:not(.lottie-animation-2):not(.lottie-animation-3) canvas{width:100%;height:auto}

.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 dark 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; }
}


.live_chat_button {
background-color:transparent;
width:100%;
height:100%;
}


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}
}


/* ==== Updates: Contact area mascot tile ==== */
.contact-section .contact_grid{align-items:stretch!important}
.contact-section .right_contact_column{height:auto!important;align-self:stretch!important}
.contact-section .right_contact_content{display:flex!important;flex-direction:column;flex:1 1 auto;container-type:inline-size;container-name:tasacontact}
.contact_tile{position:relative;isolation:isolate;display:flex;align-items:center;flex:1 1 auto;min-height:14.5rem;margin-top:3.25rem;padding:1.75rem calc(min(15.5rem,47%) + .5rem) 1.75rem 1.75rem;border:1px solid rgba(105,102,237,.2);border-radius:10px;
  background-color:#fbf5f0;
  background-image:radial-gradient(42% 70% at 82% 78%,rgba(253,82,27,.17) 0%,rgba(253,82,27,0) 72%),radial-gradient(60% 85% at 100% 0%,rgba(105,102,237,.2) 0%,rgba(105,102,237,0) 70%),linear-gradient(118deg,#fff6f0 0%,#fbf3ec 44%,#f2f0fe 100%)}
.contact_tile_content{position:relative;z-index:2}
.contact_tile_eyebrow{margin-bottom:.5rem;font-family:"Inter Variablefont Opsz Wght",Arial,sans-serif;color:#fd521b;font-size:.9375rem;line-height:1.3;font-weight:600;letter-spacing:0;text-transform:none}
.contact_tile_title{font-family:"Outfit Variablefont Wght",Arial,sans-serif;color:#030048;font-size:1.5rem;line-height:1.15;font-weight:600;letter-spacing:-.01em}
.contact_tile_text{max-width:20rem;margin-top:.625rem;font-family:"Inter Variablefont Opsz Wght",Arial,sans-serif;color:rgba(3,0,72,.72);font-size:.9375rem;line-height:1.55;font-weight:400}
.contact_tile_art{position:absolute;right:.5rem;bottom:0;z-index:1;width:min(15.5rem,47%);pointer-events:none}
.contact_tile_img{display:block;width:100%;max-width:none;height:auto;margin:0;transform-origin:50% 100%;animation:tasaTileBob 5.5s ease-in-out infinite}
@keyframes tasaTileBob{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-6px) rotate(-1.5deg)}}
@media (prefers-reduced-motion:reduce){.contact_tile_img{animation:none}}
@container tasacontact (max-width:26rem){
  .contact_tile{flex-direction:column;align-items:stretch;min-height:0;margin-top:4.5rem;padding:0 1.5rem 1.5rem;background-image:radial-gradient(60% 45% at 78% 0%,rgba(253,82,27,.15) 0%,rgba(253,82,27,0) 72%),radial-gradient(70% 60% at 0% 100%,rgba(105,102,237,.12) 0%,rgba(105,102,237,0) 70%),linear-gradient(160deg,#fff6f0 0%,#fbf3ec 50%,#f2f0fe 100%)}
  .contact_tile_art{position:relative;right:auto;bottom:auto;order:-1;align-self:flex-end;width:min(12rem,64%);margin:-4rem -.5rem .25rem 0}
  .contact_tile_text{max-width:none}
}

/* ==== 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}}

/* ==== Automations page: use-case page sections with automation content ==== */
.header_content_img{object-fit:cover!important}
.au2_mascot{width:auto!important;max-width:100%!important;height:220px!important;object-fit:contain!important}
.features_content-left img.au2_screen{display:block;width:auto!important;height:100%!important;max-width:100%!important;max-height:770px;aspect-ratio:780/1704;
  object-fit:cover;object-position:top;border:7px solid #fff;border-radius:38px;background:#fff;box-shadow:0 30px 60px -24px rgba(3,0,72,.45)}

.au2_grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;width:100%}
.au2_tile{display:flex;flex-direction:column;gap:26px;padding:30px;border:4px solid #fff;border-radius:30px;background:rgba(255,255,255,.5)}
.au2_flow{display:flex;align-items:center;gap:10px;min-height:80px;padding:14px 16px;border-radius:20px;background:#fff;box-shadow:0 1px 2px rgba(3,0,72,.05)}
.au2_chip{display:flex;flex:none;align-items:center;justify-content:center;width:50px;height:50px;border-radius:15px;background:#f8f4e8;font-size:25px;line-height:1}
.au2_chip--tasa{background:#fd521b;color:#fff}
.au2_chip--tasa svg{width:24px;height:24px}
.au2_line{flex:1 1 auto;height:2px;border-radius:2px;background:repeating-linear-gradient(90deg,#fd521b 0 6px,transparent 6px 11px)}
.au2_soon{margin-left:auto;padding:5px 11px;border-radius:999px;background:#eceafe;color:#4a46c8;font-size:13px;font-weight:600;white-space:nowrap}
.au2_text{display:flex;flex-direction:column;gap:10px}
.au2_text .benefits_heading{line-height:1.25}

@media (max-width:991px){.au2_grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:600px){
  .au2_grid{grid-template-columns:minmax(0,1fr)}
  .au2_tile{padding:22px;gap:20px;border-radius:24px}
  .au2_mascot{height:180px!important}
}
/* the left hand-written note would sit on the laptop in this photo */
.text_absolute.left,.img_absolute.arrow-left{display:none!important}
/* hero mascot: the AI squirrel connecting apps */
.img_absolute._1.au2_ai{width:410px!important;height:auto!important;max-width:none!important;aspect-ratio:698/623;object-fit:contain}
@media (max-width:991px){.img_absolute._1.au2_ai{width:300px!important}}
@media (max-width:767px){.img_absolute._1.au2_ai{width:46vw!important}}

/* ==== Automations v2: diagrams and cards in the site's own look ==== */
.au3_ic{display:block;width:22px;height:22px;flex:none}
.au3_ic--s{width:15px;height:15px}
.au3_ic--li{width:18px;height:18px;padding:3px;border-radius:50%;background:#fff1ea;color:#fd521b;box-sizing:content-box}
.au3_emoji{display:inline-flex;align-items:center;justify-content:center;font-size:1.15em;line-height:1}
.au3_o{color:#fd521b}

/* hero hub: Tasa in the middle, the tools around it */
.au3_hubpanel{position:relative;display:block;width:100%;height:auto!important;aspect-ratio:1320/535;overflow:hidden;container-type:inline-size;
  background:radial-gradient(70% 95% at 50% 40%,#f7f6ff 0%,#ecebff 55%,#dfdcff 100%)}
.au3_hubpanel:before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(74,70,200,.16) 1px,transparent 1.2px);background-size:22px 22px;
  -webkit-mask-image:radial-gradient(70% 80% at 50% 50%,#000 30%,transparent 80%);mask-image:radial-gradient(70% 80% at 50% 50%,#000 30%,transparent 80%)}
.au3_hublines{position:absolute;inset:0;width:100%;height:100%}
.au3_hublines path{fill:none;stroke:#fd521b;stroke-opacity:.7;stroke-width:2;stroke-dasharray:6 8;vector-effect:non-scaling-stroke;animation:au3Dash 1.4s linear infinite}
@keyframes au3Dash{to{stroke-dashoffset:-28}}
.au3_hubphone{position:absolute;left:50%;top:7%;width:16.5%;transform:translateX(-50%);padding:.5cqw;border-radius:2.6cqw;background:#fff;
  box-shadow:0 2.4cqw 5cqw -1.6cqw rgba(3,0,72,.35),0 0 0 1px rgba(3,0,72,.06)}
.au3_hubphone img{display:block;width:100%;height:auto;border-radius:2.1cqw}
.au3_tile{position:absolute;display:flex;align-items:center;gap:.8cqw;padding:.85cqw 1.3cqw .85cqw .9cqw;border-radius:1.2cqw;background:#fff;color:#030048;
  font-family:"Inter Variablefont Opsz Wght",Arial,sans-serif;font-size:max(11px,1.25cqw);font-weight:600;white-space:nowrap;
  box-shadow:0 1.2cqw 3cqw -1cqw rgba(3,0,72,.3),0 0 0 1px rgba(3,0,72,.05);animation:au3Float 6s ease-in-out infinite}
.au3_tile .au3_emoji{width:2.6cqw;height:2.6cqw;min-width:26px;min-height:26px;border-radius:.8cqw;background:#f8f4e8;font-size:max(13px,1.4cqw)}
.au3_tile--tl{left:17%;top:12%}
.au3_tile--ml{left:6%;top:43%;animation-delay:-1.5s}
.au3_tile--bl{left:17%;top:74%;animation-delay:-3s}
.au3_tile--tr{left:70%;top:13%;animation-delay:-4.5s}
@keyframes au3Float{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}
.au3_pill{position:absolute;display:inline-flex;align-items:center;gap:.5cqw;padding:.55cqw 1cqw;border-radius:999px;background:#030048;color:#fff;
  font-family:"Inter Variablefont Opsz Wght",Arial,sans-serif;font-size:max(10.5px,1.02cqw);font-weight:600;white-space:nowrap;box-shadow:0 1cqw 2.4cqw -1cqw rgba(3,0,72,.5)}
.au3_pill--a{left:27%;top:30%;animation:au3Float 5s ease-in-out infinite -1s}
.au3_pill--b{left:59.5%;top:36%;background:#1f9d6b;animation:au3Float 5s ease-in-out infinite -2.5s}

/* "why automate" schematics inside the coloured cards */
.au3_mini{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;height:100%;min-height:150px}
.au3_node{display:inline-flex;align-items:center;gap:8px;padding:10px 14px 10px 10px;border-radius:14px;background:#fff;color:#030048;
  font-family:"Inter Variablefont Opsz Wght",Arial,sans-serif;font-size:14px;font-weight:600;white-space:nowrap;box-shadow:0 10px 24px -14px rgba(3,0,72,.4)}
.au3_node .au3_emoji{width:30px;height:30px;border-radius:9px;background:#f8f4e8}
.au3_node .au3_ic{width:30px;height:30px;padding:6px;border-radius:9px;box-sizing:border-box}
.au3_node--tasa .au3_ic{background:#fd521b;color:#fff}
.au3_node--done .au3_ic{background:#1f9d6b;color:#fff}
.au3_arrow{position:relative;flex:1 1 auto;max-width:70px;min-width:28px;height:2px;background:repeating-linear-gradient(90deg,currentColor 0 6px,transparent 6px 11px);
  background-size:22px 2px;animation:au3Run 1s linear infinite}
.au3_arrow:after{content:"";position:absolute;right:-2px;top:-4px;border:5px solid transparent;border-left:7px solid currentColor;border-right:0}
.au3_arrow--out{color:#030048}.au3_arrow--in{color:#fd521b}.au3_arrow--react{color:#1f9d6b}
@keyframes au3Run{to{background-position:22px 0}}

/* shared section frame: same container as the site's sections */
.au3_sec{padding-block:clamp(48px,5.5vw,80px)}
.au3_wrap{width:min(1280px,100% - 2 * clamp(16px,5.56vw,80px));margin:0 auto}
.au3_head{display:flex;flex-direction:column;align-items:center;gap:18px;max-width:900px;margin:0 auto clamp(36px,4.5vw,64px);text-align:center}
.au3_h2{margin:0!important;text-wrap:balance}
.au3_sub{max-width:44rem;margin:0;color:rgba(3,0,72,.74);font-family:"Inter Variablefont Opsz Wght",Arial,sans-serif;font-size:18px;line-height:1.55}
.au3_sub--left{margin-top:18px}
.au3_center{display:flex;justify-content:center;margin-top:36px}
.au3_textlink{display:inline-flex;align-items:center;gap:8px;color:#fd521b!important;font-family:"Inter Variablefont Opsz Wght",Arial,sans-serif;font-size:16px;font-weight:600;text-decoration:none}
.au3_textlink:hover{text-decoration:underline;text-underline-offset:3px}
.au3_soon{display:inline-flex;align-items:center;vertical-align:middle;height:24px;padding:0 10px;border-radius:999px;background:#eceafe;color:#4a46c8;
  font-family:"Inter Variablefont Opsz Wght",Arial,sans-serif;font-size:12.5px;font-weight:600;letter-spacing:0}
.au3_badge{display:inline-flex;align-items:center;height:28px;padding:0 12px;border-radius:999px;font-family:"Inter Variablefont Opsz Wght",Arial,sans-serif;font-size:13px;font-weight:600;white-space:nowrap}
.au3_badge--api{background:#e4e3f2;color:#030048}
.au3_badge--hook{background:#ffe8dd;color:#c43d0e}
.au3_badge--mcp{background:#eceafe;color:#4a46c8}

/* capabilities */
.au3_capgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.au3_cap{display:flex;flex-direction:column;gap:22px;padding:30px;border:4px solid #fff;border-radius:30px;background:rgba(255,255,255,.5);color:#030048;
  font-family:"Inter Variablefont Opsz Wght",Arial,sans-serif}
.au3_cap_head{display:flex;align-items:center;gap:16px}
.au3_cap_icon{display:flex;align-items:center;justify-content:center;width:56px;height:56px;flex:none;border-radius:18px;color:#fff}
.au3_cap_icon .au3_ic{width:26px;height:26px}
.au3_cap--api .au3_cap_icon{background:#030048}.au3_cap--hook .au3_cap_icon{background:#fd521b}.au3_cap--mcp .au3_cap_icon{background:#6966ed}
.au3_cap_name{font-family:"Outfit Variablefont Wght",Arial,sans-serif;font-size:26px;font-weight:500;line-height:1.1}
.au3_cap_line{margin-top:6px;color:rgba(3,0,72,.66);font-size:15px;line-height:1.4}
.au3_list{display:grid;gap:12px;margin:0;padding:0;list-style:none}
.au3_list li{display:flex;align-items:flex-start;gap:10px;font-size:16px;line-height:1.45}
.au3_events{display:grid;gap:8px}
.au3_event{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;padding:10px 12px;border-radius:14px;background:#fff}
.au3_event_name{display:inline-flex;align-items:center;gap:8px;font-size:15px;font-weight:600}
.au3_event_name:before{content:"";width:8px;height:8px;border-radius:50%;background:#fd521b;box-shadow:0 0 0 4px #ffe8dd}
.au3_event_note{color:rgba(3,0,72,.6);font-size:13.5px}
.au3_capfoot{display:flex;flex-direction:column;align-items:flex-start;gap:12px;margin-top:auto}
.au3_capnote{margin:0;color:rgba(3,0,72,.6);font-size:14px;line-height:1.45}

/* decision guide */
.au3_rows{display:grid;gap:14px;max-width:1000px;margin:0 auto}
.au3_row{display:grid;grid-template-columns:minmax(0,1fr) auto 140px;align-items:center;gap:20px;padding:22px 26px;border:4px solid #fff;border-radius:26px;
  background:rgba(255,255,255,.5);font-family:"Inter Variablefont Opsz Wght",Arial,sans-serif;color:#030048}
.au3_row_q b{display:block;font-size:18px;font-weight:600}
.au3_row_q span{display:block;margin-top:4px;color:rgba(3,0,72,.62);font-size:15px}
.au3_row_arrow{color:rgba(3,0,72,.35)}
.au3_row .au3_badge{justify-self:end;height:34px;padding:0 16px;font-size:14px}
.au3_track{max-width:1000px;margin:28px auto 0;padding:30px;border-radius:30px;background:#030048;color:#fff;font-family:"Inter Variablefont Opsz Wght",Arial,sans-serif}
.au3_track_label{margin-bottom:24px;color:rgba(255,255,255,.72);font-size:15px;font-weight:600;text-align:center}
.au3_track_line{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.au3_track_line:before{content:"";position:absolute;left:12%;right:12%;top:25px;height:2px;background:repeating-linear-gradient(90deg,rgba(255,255,255,.4) 0 6px,transparent 6px 12px)}
.au3_step{position:relative;display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center;font-size:14.5px;line-height:1.4}
.au3_step_dot{display:flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:50%;box-shadow:0 0 0 7px #030048;color:#fff}
.au3_step_dot .au3_ic{width:24px;height:24px}
.au3_step--hook .au3_step_dot{background:#fd521b}.au3_step--api .au3_step_dot{background:#4b47c9}
.au3_step--doc .au3_step_dot{background:#1f9d6b;font-size:22px}.au3_step--ai .au3_step_dot{background:#6966ed}
.au3_step em{padding:2px 9px;border-radius:999px;background:rgba(255,255,255,.12);color:rgba(255,255,255,.8);font-size:12px;font-style:normal;font-weight:600}

/* workflow ideas */
.au3_flows{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;width:100%}
.au3_flow{display:flex;flex-direction:column;gap:20px;padding:22px;border:4px solid #fff;border-radius:30px;background:rgba(255,255,255,.5);
  font-family:"Inter Variablefont Opsz Wght",Arial,sans-serif;color:#030048;transition:transform .2s ease,box-shadow .2s ease}
.au3_flow:hover{transform:translateY(-3px);box-shadow:0 24px 40px -30px rgba(3,0,72,.45)}
.au3_sb{display:flex;align-items:center;padding:12px 10px;border-radius:20px;background:#fff;box-shadow:0 1px 2px rgba(3,0,72,.05)}
.au3_sb_frame{display:flex;flex:1 1 0;min-width:0;flex-direction:column;align-items:center;gap:7px;text-align:center}
.au3_sb_frame .au3_emoji,.au3_sb_tasa{width:40px;height:40px;border-radius:12px;background:#f8f4e8;font-size:21px}
.au3_sb_tasa{display:flex;align-items:center;justify-content:center;background:#fd521b;color:#fff}
.au3_sb_tasa .au3_ic{width:20px;height:20px}
.au3_sb_label{font-size:11.5px;font-weight:600;line-height:1.2;color:rgba(3,0,72,.75)}
.au3_sb_line{flex:0 0 18px;height:2px;margin-bottom:22px;border-radius:2px;background:linear-gradient(90deg,#fd521b,#ffb38f);transform-origin:0 50%}
.au3_flow:hover .au3_sb_line{animation:au3Grow .6s ease}
@keyframes au3Grow{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.au3_flow_text{display:flex;flex-direction:column;gap:10px}
.au3_flow_text .benefits_heading{line-height:1.25}
.au3_flow_text .benefits_description{font-size:15px;line-height:1.5}
.au3_flow_meta{display:flex;flex-direction:column;gap:10px;margin-top:auto}
.au3_badges{display:flex;flex-wrap:wrap;gap:6px}
.au3_badges .au3_badge{height:26px;padding:0 10px;font-size:12.5px}
.au3_for{color:rgba(3,0,72,.58);font-size:13.5px;line-height:1.4}

/* getting started */
.au3_steps{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:0;padding:0;list-style:none}
.au3_steps:before{content:"";position:absolute;left:17%;right:17%;top:27px;height:2px;background:repeating-linear-gradient(90deg,#fd521b 0 8px,transparent 8px 14px)}
.au3_stepcard{position:relative;display:flex;flex-direction:column;align-items:center;gap:12px;padding:0 10px;text-align:center;font-family:"Inter Variablefont Opsz Wght",Arial,sans-serif;color:#030048}
.au3_stepnum{display:flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:50%;background:#fd521b;color:#fff;
  font-family:"Outfit Variablefont Wght",Arial,sans-serif;font-size:24px;font-weight:600;box-shadow:0 0 0 8px #f8f4e8}
.au3_stepicon{margin-top:6px;color:#030048}
.au3_stepicon .au3_ic{width:28px;height:28px}
.au3_stepcard .benefits_description{max-width:22rem;line-height:1.5}

@media (max-width:1199px){.au3_flows{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:991px){
  .au3_capgrid{grid-template-columns:minmax(0,1fr)}
  .au3_hubpanel{aspect-ratio:1320/700}
  .au3_hubphone{top:6%;width:22%}
  .au3_tile--tl{left:8%;top:10%}.au3_tile--ml{left:3%;top:42%}.au3_tile--bl{left:8%;top:76%}.au3_tile--tr{left:68%;top:10%}
}
@media (max-width:767px){
  .au3_hubpanel{aspect-ratio:4/5}
  .au3_hublines{display:none}
  .au3_hubphone{top:7%;width:36%}
  .img_absolute._1.au2_ai{width:40vw!important;left:auto!important;right:1%!important;top:auto!important;bottom:-9%!important}
  .au3_tile{font-size:11.5px;padding:6px 10px 6px 6px;border-radius:12px;gap:7px}
  .au3_tile .au3_emoji{width:26px;height:26px;border-radius:8px;font-size:14px}
  .au3_tile--tl{left:3%;top:4%}.au3_tile--tr{left:auto;right:3%;top:4%}.au3_tile--ml{left:3%;top:auto;bottom:34%}.au3_tile--bl{left:3%;top:auto;bottom:16%}
  .au3_pill{font-size:10.5px;padding:5px 9px}
  .au3_pill--a{left:3%;top:30%}.au3_pill--b{left:auto;right:3%;top:30%}
  .au3_row{grid-template-columns:minmax(0,1fr);gap:12px;padding:18px 20px}
  .au3_row_arrow{display:none}
  .au3_row .au3_badge{justify-self:start}
  .au3_track{padding:24px 18px}
  .au3_track_line{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:24px}
  .au3_track_line:before{display:none}
  .au3_steps{grid-template-columns:minmax(0,1fr);gap:36px}
  .au3_steps:before{display:none}
  .au3_cap{padding:22px;border-radius:24px}
  .au3_sub{font-size:16.5px}
}
@media (max-width:600px){.au3_flows{grid-template-columns:minmax(0,1fr)}.au3_flow{border-radius:24px}}
@media (max-width:420px){.au3_mini{gap:6px}.au3_node{padding:8px 10px 8px 8px;font-size:13px;gap:6px}.au3_node .au3_emoji,.au3_node .au3_ic{width:26px;height:26px}.au3_arrow{min-width:20px}}
@media (max-width:991px){.benefits-heading{flex-direction:column;align-items:flex-start!important;gap:0}.benefits-heading .au3_sub--left{max-width:40rem}}
@media (prefers-reduced-motion:reduce){.au3_hublines path,.au3_tile,.au3_pill,.au3_arrow{animation:none}}

/* hero hub on soft lavender: apart from the orange hero and the cream page, the hand-written note turns navy */
.au3_hubphone{box-shadow:0 2.4cqw 5cqw -1.6cqw rgba(3,0,72,.35),0 0 0 1px rgba(3,0,72,.06)}
.au3_tile{box-shadow:0 1.2cqw 3cqw -1cqw rgba(3,0,72,.28),0 0 0 1px rgba(3,0,72,.05)}
.header-section .text_absolute{color:#030048!important}
.header-section .img_absolute.arrow-right{filter:brightness(0);opacity:.85}

/* "why automate" cards: equal columns that never push past the screen, compact spacing, flows that stack when a card is narrow */
.support_section{width:auto!important;max-width:none!important;align-self:stretch!important;margin-left:0!important;margin-right:0!important}
.support_section>.support_container{width:calc(100% - 28.8px)!important;max-width:1600px!important;margin-left:auto!important;margin-right:auto!important}
@media (max-width:767px){
  .support_section{margin-left:8px!important;margin-right:8px!important}
  .support_section>.support_container{width:100%!important}
}
.support_content-wrapper{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px!important;width:100%}
.support_content-wrapper>.support_content-card{width:auto!important;min-width:0!important;max-width:none!important;height:auto!important;margin:0!important;
  gap:26px!important;padding:30px 26px 28px!important;justify-content:flex-start!important;container-type:inline-size}
.support_content-card .card_img{height:auto!important;min-height:0!important;width:100%!important}
.au3_mini{min-height:132px;padding:18px 8px;border-radius:22px;background:rgba(255,255,255,.55)}
@container (max-width:330px){
  .au3_mini{flex-direction:column;gap:8px}
  .au3_arrow{flex:none;width:2px;height:26px;min-width:0;max-width:none;background:repeating-linear-gradient(180deg,currentColor 0 6px,transparent 6px 11px);
    background-size:2px 22px;animation:au3RunV 1s linear infinite}
  .au3_arrow:after{right:auto;top:auto;left:-4px;bottom:-4px;border:5px solid transparent;border-top:7px solid currentColor;border-bottom:0}
}
@keyframes au3RunV{to{background-position:0 22px}}
@media (max-width:991px){
  .support_content-wrapper{grid-template-columns:minmax(0,1fr)}
  .support_content-wrapper>.support_content-card{display:grid!important;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;gap:28px!important}
  .support_content-card .card_text{margin:0!important}
}
@media (max-width:600px){
  .support_content-wrapper>.support_content-card{display:flex!important;flex-direction:column;align-items:stretch;gap:22px!important;padding:24px 20px!important}
}

/* how to get an API key */
.au3_keypanel{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:clamp(28px,4vw,64px);align-items:center;margin-top:clamp(48px,6vw,80px);
  padding:clamp(26px,4vw,56px);border:4px solid #fff;border-radius:30px;background:rgba(255,255,255,.6);scroll-margin-top:110px}
.au3_key_text{display:flex;flex-direction:column;align-items:flex-start;gap:20px;font-family:"Inter Variablefont Opsz Wght",Arial,sans-serif;color:#030048}
.au3_h3{margin:0;font-family:"Outfit Variablefont Wght",Arial,sans-serif;font-size:clamp(30px,3.4vw,46px);font-weight:400;line-height:1.05;letter-spacing:-.01em}
.au3_keysteps{display:grid;gap:16px;margin:0;padding:0;list-style:none}
.au3_keysteps li{display:flex;align-items:flex-start;gap:14px}
.au3_keysteps b{display:block;font-size:17px;font-weight:600;line-height:1.3}
.au3_keysteps li span:not(.au3_keynum){display:block;margin-top:3px;color:rgba(3,0,72,.7);font-size:15.5px;line-height:1.45}
.au3_keynum{display:flex;flex:none;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:#fd521b;color:#fff;
  font-family:"Outfit Variablefont Wght",Arial,sans-serif;font-size:16px;font-weight:600}
.au3_btns{display:flex;flex-wrap:wrap;gap:12px;margin-top:6px}
.au3_btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;height:54px;padding:0 24px;border-radius:14px;
  font-family:"Outfit Variablefont Wght",Arial,sans-serif;font-size:18px;font-weight:500;text-decoration:none;transition:transform .18s ease,background-color .18s ease}
.au3_btn:hover{transform:translateY(-1px)}
.au3_btn--orange{background:#fd521b;color:#fff!important;box-shadow:0 3px 0 rgba(140,40,0,.25)}
.au3_btn--line{border:1.5px solid rgba(3,0,72,.25);color:#030048!important;background:#fff}
.au3_btn--line:hover{background:#f8f4e8}
.au3_key_visual{position:relative;display:flex;flex-direction:column;gap:14px}
.au3_kv_card{padding:20px;border-radius:24px;background:#fff;box-shadow:0 30px 60px -34px rgba(3,0,72,.45),0 0 0 1px rgba(3,0,72,.05);font-family:"Inter Variablefont Opsz Wght",Arial,sans-serif;color:#030048}
.au3_kv_head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}
.au3_kv_title{font-family:"Outfit Variablefont Wght",Arial,sans-serif;font-size:22px;font-weight:500}
.au3_kv_new{padding:8px 14px;border-radius:11px;background:#fd521b;color:#fff;font-size:14px;font-weight:600}
.au3_kv_row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:12px;padding:14px 12px;border-top:1px solid rgba(3,0,72,.07)}
.au3_kv_row b{display:block;font-size:15px;font-weight:600}
.au3_kv_row span{display:block;margin-top:2px;color:rgba(3,0,72,.55);font-size:13px}
.au3_kv_row code{padding:6px 10px;border-radius:9px;background:#f4f2fb;color:#4a46c8;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:13px;letter-spacing:.04em}
.au3_kv_copy{padding:6px 12px;border-radius:9px;border:1px solid rgba(3,0,72,.14);font-size:13px!important;font-weight:600;color:#030048!important;margin:0!important}
.au3_kv_row.is-new{border-radius:14px;border-top-color:transparent;background:#fff4ee;box-shadow:inset 0 0 0 1.5px #ffd2bf}
.au3_kv_req{display:flex;align-items:center;gap:12px;align-self:flex-start;padding:12px 16px;border-radius:16px;background:#030048;color:#fff;
  font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:13.5px;box-shadow:0 20px 40px -24px rgba(3,0,72,.6)}
.au3_kv_method{padding:3px 8px;border-radius:7px;background:#6966ed;font-weight:700}
.au3_kv_ok{padding:3px 8px;border-radius:7px;background:#1f9d6b;font-weight:700}
@media (max-width:991px){.au3_keypanel{grid-template-columns:minmax(0,1fr)}}
@media (max-width:560px){
  .au3_keypanel{padding:22px 18px;border-radius:24px}
  .au3_kv_row{grid-template-columns:minmax(0,1fr) auto;row-gap:8px}
  .au3_kv_row code{grid-column:1/-1;grid-row:2;justify-self:start}
  .au3_kv_copy{grid-column:2;grid-row:1}
  .au3_kv_req{font-size:12px;flex-wrap:wrap}
  .au3_btn{width:100%}
}

/* ---- round 3: MCP is live, aligned capability cards, workflow photos, every worker ---- */
.au3_live{display:inline-flex;align-items:center;gap:6px;vertical-align:middle;height:24px;padding:0 10px;border-radius:999px;background:#e3f6ec;color:#127a47;
  font-family:"Inter Variablefont Opsz Wght",Arial,sans-serif;font-size:12.5px;font-weight:600;letter-spacing:0}
.au3_live:before{content:"";width:7px;height:7px;border-radius:50%;background:#1fa463;box-shadow:0 0 0 3px rgba(31,164,99,.18)}
.au3_code{display:inline-flex;align-items:center;height:36px;padding:0 12px;border-radius:10px;background:#fff;color:#030048;border:1px solid rgba(105,102,237,.25);
  font-family:"Inter Variablefont Opsz Wght",Arial,sans-serif;font-size:14.5px;font-weight:600;user-select:all}
/* the three cards share rows: titles, lists and footnotes line up across them */
@media (min-width:992px){
  .au3_capgrid{grid-template-rows:auto 1fr auto;row-gap:0}
  .au3_cap{display:grid;grid-row:span 3;grid-template-rows:subgrid;row-gap:22px}
  .au3_capfoot{margin-top:0;align-self:start;padding-top:16px;border-top:1px solid rgba(3,0,72,.08);width:100%}
}
.au3_event{flex-direction:column;align-items:flex-start;gap:3px}
.au3_event_note{padding-left:16px}
/* workflow cards: a photo on top, the storyboard strip resting on its lower edge */
.au3_flow{padding:12px 12px 22px}
.au3_flow_pic{position:relative;margin:0 0 -46px;border-radius:22px;overflow:hidden;aspect-ratio:3/2;background:#efe9da}
.au3_flow_pic img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.2,.8,.2,1)}
.au3_flow:hover .au3_flow_pic img{transform:scale(1.04)}
.au3_flow .au3_sb{position:relative;z-index:1;margin:0 10px;box-shadow:0 10px 24px -14px rgba(3,0,72,.35),0 1px 2px rgba(3,0,72,.06)}
.au3_flow_text,.au3_flow_meta{padding:0 10px}
/* every worker */
.au3_crew_grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:clamp(32px,5vw,80px);align-items:center}
.au3_h2--left{text-align:left!important}
.au3_crew .au3_h2{font-size:clamp(34px,3.7vw,56px)!important;line-height:1.08!important}
.au3_crew_text .subheading{text-align:left}
.au3_crew_points{display:grid;gap:18px;margin:30px 0 0;padding:0;list-style:none;font-family:"Inter Variablefont Opsz Wght",Arial,sans-serif;color:#030048}
.au3_crew_points li{display:flex;align-items:flex-start;gap:16px}
.au3_crew_ic{display:flex;align-items:center;justify-content:center;flex:none;width:48px;height:48px;border-radius:15px;background:#fff;font-size:22px;box-shadow:0 1px 2px rgba(3,0,72,.06)}
.au3_crew_points b{display:block;font-size:18px;font-weight:600;line-height:1.3}
.au3_crew_points div span{display:block;margin-top:4px;color:rgba(3,0,72,.66);font-size:15.5px;line-height:1.5}
.au3_crew_visual{position:relative;padding:28px 0 34px}
.au3_crew_img{display:block;width:100%;aspect-ratio:1400/939;object-fit:cover;border:4px solid #fff;border-radius:30px;box-shadow:0 30px 60px -36px rgba(3,0,72,.45)}
.au3_crew_chip{position:absolute;display:inline-flex;align-items:center;gap:10px;padding:11px 16px 11px 12px;border-radius:16px;background:#fff;color:#030048;
  font-family:"Inter Variablefont Opsz Wght",Arial,sans-serif;font-size:14.5px;line-height:1.3;box-shadow:0 18px 36px -18px rgba(3,0,72,.45)}
.au3_crew_chip .au3_ic{width:26px;height:26px;padding:6px;border-radius:9px;box-sizing:border-box;color:#fff}
.au3_crew_chip--in{top:0;left:-18px}.au3_crew_chip--in .au3_ic{background:#fd521b}
.au3_crew_chip--out{bottom:0;right:-14px}.au3_crew_chip--out .au3_ic{background:#1fa463}
.au3_crew_langs{position:absolute;top:50%;right:-22px;display:flex;flex-direction:column;align-items:flex-end;gap:8px;transform:translateY(-50%)}
.au3_crew_lang{display:inline-flex;align-items:center;gap:9px;padding:9px 14px 9px 9px;border-radius:14px;background:rgba(255,255,255,.94);color:#030048;
  font-family:"Inter Variablefont Opsz Wght",Arial,sans-serif;font-size:14px;font-weight:600;box-shadow:0 14px 30px -18px rgba(3,0,72,.5);
  -webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.au3_crew_code{display:flex;align-items:center;justify-content:center;width:30px;height:24px;border-radius:7px;background:#eceafe;color:#4a46c8;font-size:11.5px;font-weight:700}
@media (max-width:991px){
  .au3_crew_grid{grid-template-columns:minmax(0,1fr)}
  .au3_crew_visual{max-width:640px;margin:0 auto;width:100%}
  .au3_crew_chip--in{left:8px}.au3_crew_chip--out{right:8px}.au3_crew_langs{right:8px}
}
@media (max-width:600px){
  .au3_crew_langs{position:static;transform:none;align-items:flex-start;margin-top:12px}
  .au3_crew_visual{padding:22px 0 30px}
  .au3_crew_chip{font-size:13px;padding:9px 12px 9px 9px}
  .au3_crew_points b{font-size:17px}
}
.au3_list,.au3_events{align-content:start}
.au3_sb_label{min-height:2.4em}
/* "Tasa works with": its own white panel, so it no longer runs into the cream "every worker" section above it */
.industry-section-copy{padding:0!important}
.industry-section-copy>.industry-container-copy{box-sizing:border-box!important;width:calc(100% - 28.8px)!important;max-width:1600px!important;margin:0 auto!important;
  padding:clamp(56px,6vw,88px) clamp(20px,4vw,64px) clamp(56px,6.5vw,96px)!important;border-radius:30px!important;background:#fff!important}
@media (max-width:767px){.industry-section-copy>.industry-container-copy{width:calc(100% - 16px)!important;border-radius:22px!important}}

/* section rhythm: the same space between every section */
/* API key buttons: the site's primary and secondary buttons */
.au3_btn{box-sizing:border-box;height:56px;padding:0 28px;border-radius:10px!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;transition:border-bottom-width .2s linear,padding .2s linear,background-color .2s,box-shadow .2s!important}
.au3_btn:hover{transform:none}
.au3_btn--orange{border:0;border-bottom:4px solid rgba(0,0,0,.15);box-shadow:none}
.au3_btn--orange:hover{border-bottom-width:0;padding-top:4px}
.au3_btn--line{background:rgba(253,82,27,.1);border:1px solid #fd521b;box-shadow:inset 0 -3px 0 rgba(0,0,0,.15);color:#fd521b!important}
.au3_btn--line:hover{background:rgba(253,82,27,.16);box-shadow:inset 0 0 0 rgba(0,0,0,.15)}
/* "For the whole team" sits between two white panels: more room above and below it */

/* ==== one grid for the whole page ====
   --au-s:   the space above and below every section (two sections meet at 2 x --au-s, panel or not)
   --au-col: the content column every section lines up to
   --au-pad: the inner padding of the white panels */
.page_main{--au-s:clamp(44px,5vw,72px);--au-gut:clamp(16px,5.56vw,80px);--au-pad:clamp(56px,6vw,88px);--au-head:clamp(36px,4.5vw,64px)}
.au3_sec,.au3_sec.au3_crew{padding-block:var(--au-s)!important}
.au3_wrap{width:min(1440px,calc(100% - 2 * var(--au-gut)))!important}
.au3_head{margin-bottom:var(--au-head)!important}
.au3_rows,.au3_track{max-width:none!important}
/* workflow ideas: same column, same space, and the same heading gap as the other sections */
.benefits-section{padding-block:var(--au-s)!important}
.benefits-section-container{width:min(1440px,calc(100% - 2 * var(--au-gut)))!important;max-width:none!important;margin:0 auto!important;padding-left:0!important;padding-right:0!important;gap:0!important;row-gap:0!important}
/* white panels: all the same width (as "Why automate" and "Three ways to connect"), the same outside space and the same inner padding */
.support_section>.support_container,.industry-section-copy>.industry-container-copy,.features-section-copy>.features-section-container-copy{
  margin-top:var(--au-s)!important;margin-bottom:var(--au-s)!important;padding-top:var(--au-pad)!important;padding-bottom:var(--au-pad)!important}
.industry-section-copy{max-width:none!important;width:100%!important}
.industry-section-copy>.industry-container-copy{width:calc(100% - 28.8px)!important;max-width:1600px!important}
.features-section-copy>.features-section-container-copy{row-gap:var(--au-head)!important;gap:var(--au-head)!important}
@media (max-width:767px){.industry-section-copy>.industry-container-copy{width:calc(100% - 16px)!important}}
/* "Three ways to connect": the first card's top margin no longer leaks above the cards, so the heading gap matches the other sections */
.features-section-copy .features_content-wrapper.pros{display:flow-root;margin-top:var(--au-head)!important}
.features-section-copy .features_content-wrapper.pros>:first-child,.features-section-copy .features_content-wrapper.pros>:first-child>:first-child{margin-top:0!important}
/* "As seen on" ends flush with its section, so the "Why automate" panel takes the full section gap above it */
.about_section+.support_section>.support_container{margin-top:calc(2 * var(--au-s))!important}
/* "Why automate" panel: its content lines up with the page's content column */
@media (min-width:768px){.support_section>.support_container{padding-left:calc((min(1600px,100% - 28.8px) - min(1440px,100% - 2 * var(--au-gut))) / 2)!important;
  padding-right:calc((min(1600px,100% - 28.8px) - min(1440px,100% - 2 * var(--au-gut))) / 2)!important}}
@media (max-width:767px){.support_section>.support_container{padding-left:calc(var(--au-gut) - 8px)!important;padding-right:calc(var(--au-gut) - 8px)!important}}
/* "Three ways to connect": the white panel keeps the panel padding above the heading; the photo cards run to its bottom edge and sit right under the heading */
.features-section-copy>.features-section-container-copy{padding-top:var(--au-pad)!important;padding-bottom:0!important}
.features-section-copy .features_content-wrapper.pros{top:0!important}
/* section headings: one size on this page (the home page's giant "Tasa connects" and the 80px intro heading were out of step) */
.features-section-copy .features_heading-text.pros{font-size:72px!important;line-height:1!important}
@media (min-width:768px){.about_section h2{font-size:72px!important;line-height:1!important}}
@media (max-width:767px){.features-section-copy .features_heading-text.pros{font-size:40px!important}}
/* alignment */
/* "Tasa works with": the chips sit on the panel's centre line */
.industry-section-copy .indusrty_content-copy,.industry-section-copy .industry_container-copy.is-temp{margin-left:auto!important;margin-right:auto!important}
/* 3 steps: every line of a step on one centre line; the dashes run between the circles with the same gap on both sides */
.au3_stepcard .benefits_description{margin-left:auto!important;margin-right:auto!important;padding-left:0!important;padding-right:0!important}
.au3_steps:before{display:none!important}
.au3_stepcard:not(:last-child):after{content:"";position:absolute;top:27px;left:calc(50% + 40px);width:calc(100% + 24px - 80px);height:2px;
  background:repeating-linear-gradient(90deg,#fd521b 0 8px,transparent 8px 14px);pointer-events:none}
@media (max-width:991px){.au3_stepcard:not(:last-child):after{display:none}}
/* quick guide: the answer pills share one width, so they line up as a column */
.au3_row .au3_badge{justify-content:center;min-width:128px;box-sizing:border-box;text-align:center}

/* webhooks: ten events in two groups (tasks, comments) */
.au3_evgroup{display:flex;flex-direction:column;gap:10px;padding:14px;border-radius:16px;background:#fff}
.au3_evhead{color:rgba(3,0,72,.6);font-size:13px;font-weight:600;line-height:1.2}
.au3_evchips{display:flex;flex-wrap:wrap;gap:6px}
.au3_evchip{display:inline-flex;align-items:center;gap:7px;height:30px;padding:0 11px 0 9px;border-radius:999px;background:#fff4ee;color:#030048;font-size:13.5px;font-weight:600;white-space:nowrap}
.au3_evchip:before{content:"";flex:none;width:7px;height:7px;border-radius:50%;background:#fd521b}
.au3_evnote{margin:0;color:rgba(3,0,72,.6);font-size:13px;line-height:1.45}
.au3_events{gap:10px!important}

/* hero: the squirrel faces the phone */
.header-section .img_absolute._1.au2_ai{scale:-1 1}
/* every worker: the English original first, then the translations */
.au3_crew_lang--src .au3_crew_code{background:#fff1ea;color:#e0440f}

/* ==== compressed page ==== */
/* intro: the app categories sit under "Tasa works with your other apps" */
.about_section{padding-bottom:var(--au-s)!important}
.about_section .indusrty_content-copy{width:100%;max-width:1100px;margin:clamp(28px,3.5vw,44px) auto 0!important}
.about_section .industry_container-copy{margin-left:auto!important;margin-right:auto!important;justify-content:center!important}
/* "Three ways to connect" carries the why */
.features_heading.pros .au3_sub--center{max-width:46rem;margin:20px auto 0;text-align:center}
.features_heading.pros{display:flex;flex-direction:column;align-items:center}
/* the "combine them" strip sits under the three cards */
.au3_caps .au3_track{margin-top:clamp(24px,3vw,40px)!important}
/* webhooks: the ten events as two compact groups, no boxes */
.au3_evgroup{padding:0!important;background:none!important;gap:8px!important}
.au3_evhead{font-size:13px!important}
.au3_evchip{height:28px!important;padding:0 10px 0 8px!important;background:#fff!important;font-size:13px!important}
.au3_events{gap:16px!important}
/* hero mascot: scale with the hub and sit just right of the phone, facing it */
@media (min-width:992px){.header-section .img_absolute._1.au2_ai{width:29%!important;left:calc(50% + 7.5%)!important;right:auto!important}}
@media (min-width:768px) and (max-width:991px){.header-section .img_absolute._1.au2_ai{width:30%!important;left:calc(50% + 10.5%)!important;right:auto!important}}
/* ---- floating UI over the connection photos (replaces the phone screens) */
.au4_fl{position:absolute;inset:0;z-index:2;pointer-events:none;font-family:"Inter Variablefont Opsz Wght",Arial,sans-serif;color:#030048}
.au4_fl>*{position:absolute;animation:au3Float 6s ease-in-out infinite}
.au4_fl .au4_i2{animation-delay:-2s}.au4_fl .au4_i3{animation-delay:-4s}
.au4_card{display:flex;align-items:center;gap:12px;width:max-content;max-width:330px;padding:12px 16px 12px 12px;border-radius:16px;background:#fff;box-sizing:border-box;
  box-shadow:0 22px 44px -18px rgba(24,12,4,.6),0 0 0 1px rgba(3,0,72,.05)}
.au4_card--navy{background:#030048;color:#fff}
.au4_tx{min-width:0}
.au4_t{font-size:15px;font-weight:600;line-height:1.3;white-space:nowrap}
.au4_m{display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin-top:4px;font-size:13px;font-weight:500;line-height:1.35;color:rgba(3,0,72,.62)}
.au4_card--navy .au4_m{color:rgba(255,255,255,.72)}
.au4_ic{width:14px;height:14px;flex:none}
.au4_sq{display:grid;place-items:center;flex:none;width:40px;height:40px;border-radius:11px;color:#fff}
.au4_sq .au4_ic{width:20px;height:20px}
.au4_sq--navy{background:#030048}.au4_sq--orange{background:#fd521b}
.au4_now{align-self:flex-start;margin-left:6px;font-size:12px;color:rgba(3,0,72,.45)}
.au4_thumb{flex:none;width:48px;height:48px;border-radius:11px;object-fit:cover;display:block}
.au4_thumb--new{display:grid;place-items:center;background:#fff1ea;color:#fd521b}
.au4_thumb--new .au4_ic{width:20px;height:20px}
.au4_chip{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:7px;font-size:12.5px;font-weight:600;line-height:1.5}
.au4_chip .au4_ic{width:12px;height:12px;stroke-width:2.6}
.au4_chip--book{background:#fff1ea;color:#e0440f}
.au4_chip--done{background:#e7f6ee;color:#1f9d6b}
.au4_chip--tasa{background:#fff1ea;color:#e0440f}
.au4_meta{display:inline-flex;align-items:center;gap:4px}
.au4_av{display:inline-grid;place-items:center;width:20px;height:20px;border-radius:50%;background:#6966ed;color:#fff;font-size:11px;font-weight:700}
.au4_pill{display:inline-flex;align-items:center;gap:8px;padding:10px 16px 10px 12px;border-radius:999px;background:#030048;color:#fff;font-size:14px;font-weight:600;white-space:nowrap;
  box-shadow:0 18px 36px -16px rgba(24,12,4,.65)}
.au4_pill .au4_ic{width:18px;height:18px}
.au4_pill--green{background:#1f9d6b}
/* chat (MCP) */
.au4_chat{display:flex;flex-direction:column;gap:10px;width:min(340px,30%)}
.au4_me{align-self:flex-end;max-width:88%;padding:10px 14px;border-radius:16px 16px 4px 16px;background:#030048;color:#fff;font-size:14px;font-weight:500;line-height:1.4;
  box-shadow:0 18px 36px -16px rgba(24,12,4,.6)}
.au4_bot{flex-direction:column;align-items:flex-start;gap:8px;width:100%;max-width:none;padding:12px;border-radius:4px 16px 16px 16px}
.au4_bot p{margin:0;font-size:14px;line-height:1.45;color:#030048}
.au4_task--in{width:100%;max-width:none;padding:8px 10px 8px 8px;border-radius:12px;background:#f6f5fb;box-shadow:none}
.au4_task--in .au4_thumb{width:40px;height:40px;border-radius:9px}
.au4_task--in .au4_t{font-size:14px}
/* desktop: placed beside the subject, away from the text panel */
@media (min-width:992px){
  .au4_fl--api .au4_i1{left:4%;top:13%}
  .au4_fl--api .au4_i2{left:19%;top:37%}
  .au4_fl--api .au4_i3{left:9%;bottom:9%}
  .au4_fl--hook .au4_i1{right:4%;top:13%}
  .au4_fl--hook .au4_i2{right:9%;top:42%}
  .au4_fl--hook .au4_i3{right:5%;top:70%}
  .au4_fl--mcp .au4_chat{left:4%;top:50%;translate:0 -50%}
}
@media (min-width:1280px){.au4_card{max-width:370px}}
@media (min-width:992px) and (max-width:1279px){
  .au4_card{max-width:300px}.au4_t{font-size:14px}.au4_m{font-size:12px}
  .au4_fl--hook .au4_i1,.au4_fl--hook .au4_i2,.au4_fl--hook .au4_i3{right:3%}
  .au4_chat{width:300px}
}
/* tablet and phone: stacked under the text panel, over the lower part of the photo */
@media (max-width:991px){
  .au4_fl{inset:auto 0 0;display:flex;flex-direction:column;align-items:flex-start;gap:12px;padding:0 16px 24px}
  .au4_fl>*{position:relative}
  .au4_fl .au4_i2{align-self:flex-end}
  .au4_fl--hook{align-items:flex-end}.au4_fl--hook .au4_i2{align-self:flex-start}
  .au4_chat{width:100%;max-width:360px}
}
@media (max-width:479px){
  .au4_card{max-width:100%;padding:10px 12px 10px 10px}
  .au4_t{font-size:14px;white-space:normal}.au4_m{font-size:12px}
  .au4_thumb{width:42px;height:42px}
  .au4_pill{font-size:13px;padding:9px 14px 9px 10px}
  .au4_me,.au4_bot p{font-size:13.5px}
}
@media (prefers-reduced-motion:reduce){.au4_fl>*{animation:none}}
@media (min-width:992px){.features_content-left.au4_spacer{min-height:clamp(560px,53vw,770px);min-width:1px}}
/* workflow step labels: long words (German, French) break cleanly instead of running into the next label */
.au3_sb_label{hyphens:auto;-webkit-hyphens:auto;overflow-wrap:break-word;min-width:0}