.bento-grid{grid-template-columns:repeat(var(--x), var(--cell-width,1fr));grid-template-rows:repeat(var(--y), var(--cell-height,1fr));width:100%;height:100%;display:grid;position:relative}.bento-grid__item{grid-column-start:var(--x1);grid-column-end:var(--x2);grid-row-start:var(--y1);grid-row-end:var(--y2)}@media (max-width:1024px){.bento-grid{display:block}}@media (max-width:768px){.bento-grid{display:block}}
.network{justify-content:center;align-items:center;height:100%;display:flex}.network__browser{border-radius:var(--tf-radius-card);width:min(30rem,100%);box-shadow:var(--tf-shadow-xl);background:var(--tf-bg-subtle);overflow:hidden}.network__browser__chrome{align-items:center;gap:.375rem;padding:.75rem 1rem;display:flex}.network__browser__dot{background:color-mix(in srgb, var(--tf-text-muted) 30%, transparent);border-radius:50%;width:8px;height:8px}.network__browser__url{border-radius:var(--tf-radius-pill);background:var(--tf-white);color:var(--tf-text-muted);margin-left:.625rem;padding:.25rem .75rem;font-size:.75rem}.network__browser__loading-bar{background:var(--tf-primary);transform-origin:0;height:2px;animation:.6s ease-out network-loading-sweep;display:block}.network__browser__loading-bar--light{background:#2f6fed}.network__browser__loading-bar--dark{background:#e84393}@media (prefers-reduced-motion:reduce){.network__browser__loading-bar{opacity:0;animation:none}}@keyframes network-loading-sweep{0%{opacity:1;transform:scaleX(0)}70%{opacity:1;transform:scaleX(1)}to{opacity:0;transform:scaleX(1)}}.network__browser__page{min-height:22rem;transition:background-color var(--tf-transition-default),color var(--tf-transition-default);padding:2.5rem 2rem;position:relative;overflow:hidden}.network__browser__page--light{background:var(--tf-white);color:var(--tf-black)}.network__browser__page--light .network__eyebrow{color:#2f6fed;opacity:1}.network__browser__page--light .network__chip__avatar{color:#2f6fed;background:#2f6fed24}.network__browser__page--light .network__chip:before,.network__browser__page--light .network__chip:hover{border-color:#2f6fed}.network__browser__page--dark{background:var(--tf-bg-card);color:var(--tf-black)}.network__browser__page--dark .network__eyebrow{color:#e84393;opacity:1}.network__browser__page--dark .network__chip__avatar{color:#e84393;background:#e8439324}.network__browser__page--dark .network__chip:before,.network__browser__page--dark .network__chip:hover{border-color:#e84393}.network__browser__content{flex-direction:column;gap:1.25rem;height:100%;display:flex}.network__eyebrow{letter-spacing:.02em;opacity:.6;font-size:.8125rem;font-weight:600}.network__summary{font-size:1.0625rem;line-height:1.6}.network__tags{flex-wrap:wrap;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.network__tag{border-radius:var(--tf-radius-pill);letter-spacing:.04em;text-transform:uppercase;opacity:.7;border:1px solid;padding:.25rem .625rem;font-size:.6875rem;font-weight:600}.network__chip{border-radius:var(--tf-radius-pill);color:inherit;font:inherit;cursor:pointer;opacity:.85;transition:opacity var(--tf-transition-default),border-color var(--tf-transition-default),transform var(--tf-transition-default);background:0 0;border:1px solid;align-self:flex-start;align-items:center;gap:.625rem;margin-top:auto;padding:.5rem .75rem .5rem .5rem;display:flex;position:relative}.network__chip:before{content:"";border:2px solid var(--tf-primary);border-radius:inherit;opacity:0;pointer-events:none;animation:1.2s ease-out infinite network-chip-pulse;position:absolute;inset:-4px}.network__chip:hover{opacity:1;border-color:var(--tf-primary);transform:translateY(-1px)}.network__chip:hover:before{opacity:0;animation-play-state:paused}@keyframes network-chip-pulse{0%{opacity:.9;transform:scale(1)}70%{opacity:0;transform:scale(1.25)}to{opacity:0;transform:scale(1.25)}}@media (prefers-reduced-motion:reduce){.network__chip:before{opacity:0;animation:none}}.network__chip__avatar{background:color-mix(in srgb, var(--tf-primary) 14%, transparent);width:1.75rem;height:1.75rem;color:var(--tf-primary);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.6875rem;font-weight:700;display:flex}.network__chip__text{text-align:left;flex-direction:column;line-height:1.25;display:flex}.network__chip__name{font-size:.8125rem;font-weight:600}.network__chip__role{opacity:.65;font-size:.6875rem}.network__chip__icon{flex-shrink:0;transform:rotate(45deg)}@media (max-width:1024px){.network__browser{width:100%}.network__browser__page{min-height:0;padding:2rem 1.5rem}}
.hero-video-carousel{margin-inline:-1rem;margin-top:5rem;margin-bottom:4rem;overflow:hidden}@media (max-width:1024px){.hero-video-carousel{margin-inline:-1.25rem}}@media (max-width:768px){.hero-video-carousel{margin-top:4rem}}.hero-video-carousel:hover .hero-video-carousel__track{animation-play-state:paused}.hero-video-carousel__track{width:max-content;animation:90s linear infinite hero-video-carousel-scroll;display:flex}@media (max-width:768px){.hero-video-carousel__track{animation-duration:60s}}.hero-video-carousel__item{aspect-ratio:7/4;object-fit:cover;border-radius:16px;flex:none;width:700px;margin-inline:.75rem}@media (max-width:768px){.hero-video-carousel__item{aspect-ratio:16/9;width:100vw}}@keyframes hero-video-carousel-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}@media (prefers-reduced-motion:reduce){.hero-video-carousel__track{animation:none}}
.why-tf__mock{flex-direction:column;width:100%;height:100%;display:flex}.why-tf__mock--publish{justify-content:space-between;gap:1rem;padding:1rem}.why-tf__mock--contact{justify-content:center;gap:.75rem;padding:1.5rem}.why-tf__mock--wizard{gap:.5rem;padding:1.25rem 1.25rem .75rem}.why-tf__mock--templates{padding:1rem;position:relative;overflow:hidden}.why-tf__mock__browser{border-radius:var(--tf-radius-input);background:var(--tf-bg-subtle);align-items:center;gap:.375rem;padding:.625rem .75rem;display:flex;position:relative;overflow:hidden}.why-tf__mock__dot{background:color-mix(in srgb, var(--tf-text-muted) 30%, transparent);border-radius:50%;flex-shrink:0;width:8px;height:8px}.why-tf__mock__address{flex:1;align-items:center;gap:.4rem;min-width:0;margin-left:.5rem;display:flex}.why-tf__mock__url{color:var(--tf-text-muted);white-space:nowrap;font-size:.75rem;overflow:hidden}.why-tf__mock__caret{background:var(--tf-primary);opacity:0;width:1px;height:.8em}.why-tf__mock__check{background:var(--tf-success);width:15px;height:15px;color:var(--tf-white);opacity:0;border-radius:50%;flex-shrink:0;place-items:center;font-size:10px;line-height:1;display:grid;transform:scale(0)}.why-tf__mock__progress{height:2px;position:absolute;inset:0 0 auto}.why-tf__mock__progress__bar{background:var(--tf-primary);border-radius:var(--tf-radius-pill);width:0%;height:100%;display:block}.why-tf__mock__page{border-radius:var(--tf-radius-input);background:var(--tf-bg-subtle);flex-direction:column;flex:1;justify-content:center;gap:.6rem;padding:0 .25rem;display:flex}.why-tf__mock__skeleton-line{border-radius:var(--tf-radius-pill);background:color-mix(in srgb, var(--tf-text-muted) 25%, transparent);transform-origin:0;opacity:0;height:8px;display:block;transform:scaleX(0)}.why-tf__mock__skeleton-line--title{width:46%;height:10px}.why-tf__mock__skeleton-line--body{width:78%}.why-tf__mock__skeleton-line--short{width:58%}.why-tf__mock__cta{pointer-events:none;align-self:flex-end}.why-tf__mock__confetti{pointer-events:none;width:0;height:0;position:absolute;top:1.4rem;left:1.75rem}.why-tf__mock--publish[data-phase=click] .why-tf__mock__cta{transform:scale(.94)}.why-tf__mock--publish[data-phase=typing] .why-tf__mock__caret{opacity:1;animation:.85s step-end infinite tf-caret-blink}.why-tf__mock--publish[data-phase=typing] .why-tf__mock__skeleton-line{animation:.4s forwards tf-line-reveal}.why-tf__mock--publish[data-phase=typing] .why-tf__mock__skeleton-line--title{animation-delay:50ms}.why-tf__mock--publish[data-phase=typing] .why-tf__mock__skeleton-line--body{animation-delay:.18s}.why-tf__mock--publish[data-phase=typing] .why-tf__mock__skeleton-line--body.why-tf__mock__skeleton-line--short{animation-delay:.3s}.why-tf__mock--publish[data-phase=loading] .why-tf__mock__progress__bar{animation:.7s cubic-bezier(.16,1,.3,1) forwards tf-progress-fill}.why-tf__mock--publish[data-phase=done] .why-tf__mock__check{animation:.4s cubic-bezier(.34,1.56,.64,1) forwards tf-check-pop}.why-tf__mock--publish[data-phase=done] .why-tf__mock__skeleton-line{opacity:1;transform:scaleX(1)}.why-tf__mock__wizard-header{align-items:center;gap:.5rem;display:flex}.why-tf__mock__wizard-back{color:var(--tf-text-muted);flex-shrink:0}.why-tf__mock__wizard-counter{color:var(--tf-text-muted);white-space:nowrap;flex-shrink:0;margin-left:auto;font-size:.65rem;font-weight:500}.why-tf__mock__wizard-title{letter-spacing:-.5px;color:var(--tf-text-primary);margin:0;font-size:1.05rem;font-weight:700}.why-tf__mock__wizard-subtitle{color:var(--tf-text-muted);margin:-.3rem 0 0;font-size:.7rem}.why-tf__mock__wizard-limit__row{color:var(--tf-text-muted);justify-content:space-between;font-size:.65rem;display:flex}.why-tf__mock__wizard-limit__track{border-radius:var(--tf-radius-pill);background:var(--tf-bg-muted);height:4px;margin-top:.25rem;overflow:hidden}.why-tf__mock__wizard-limit__fill{border-radius:inherit;background:var(--tf-success);height:100%;display:block}.why-tf__mock__wizard-actions{justify-content:space-between;align-items:center;display:flex}.why-tf__mock__wizard-btn{white-space:nowrap;border-radius:var(--tf-radius-input);border:1px solid #0000;flex-shrink:0;align-items:center;gap:.3rem;padding:.4rem .6rem;font-size:.65rem;font-weight:600;line-height:1;display:inline-flex}.why-tf__mock__wizard-btn--secondary{background:var(--tf-button-secondary-bg);color:var(--tf-color-brand);border-color:var(--tf-button-secondary-border)}.why-tf__mock__wizard-btn--brand{background:var(--tf-button-brand-bg);color:var(--tf-button-brand-text)}.why-tf__mock__wizard-btn--disabled{opacity:.55}.why-tf__mock__wizard-cta{gap:.3rem;padding:.4rem .7rem;font-size:.65rem;line-height:1}.why-tf__mock__wizard-body{flex:1;min-height:0;overflow:hidden}.why-tf__mock__wizard-footer{border-top:1px solid var(--tf-border-light);flex-shrink:0;justify-content:space-between;align-items:center;padding-top:.6rem;display:flex}.why-tf__mock__wizard-footer__right{align-items:center;gap:.4rem;display:flex}.why-tf__mock__form{flex-direction:column;flex:1;gap:.875rem;display:flex}.why-tf__mock__form__title{text-transform:uppercase;letter-spacing:.04em;color:var(--tf-text-muted);font-size:.75rem;font-weight:700}.why-tf__mock__card{background:var(--tf-bg-card);border:1px solid var(--tf-border-light);border-radius:var(--tf-radius-card);box-shadow:var(--tf-shadow-xs);flex-direction:column;gap:.6rem;padding:.75rem;display:flex}.why-tf__mock__card__header{align-items:center;gap:.5rem;display:flex}.why-tf__mock__card__header__title{letter-spacing:.03em;min-width:0;color:var(--tf-text-primary);flex:1;font-size:.7rem;font-weight:700}.why-tf__mock__card__header__delete{border-radius:var(--tf-radius-input);background:var(--tf-button-danger-bg);color:var(--tf-button-danger-text);flex-shrink:0;place-items:center;padding:.3rem;display:grid}.why-tf__mock__toggle{border-radius:var(--tf-radius-pill);background:var(--tf-bg-muted);width:26px;height:15px;transition:background-color var(--tf-transition-time) var(--tf-transition-ease);flex-shrink:0;position:relative}.why-tf__mock__toggle:after{content:"";background:var(--tf-white);width:11px;height:11px;transition:transform var(--tf-transition-time) var(--tf-transition-ease);border-radius:50%;position:absolute;top:2px;left:2px}.why-tf__mock__toggle--on{background:var(--tf-primary)}.why-tf__mock__toggle--on:after{transform:translate(11px)}.why-tf__mock__editor{border:2px solid var(--tf-field-border);border-radius:var(--tf-field-radius);background:var(--tf-field-bg);flex-direction:column;display:flex;overflow:hidden}.why-tf__mock__editor__toolbar{background:var(--tf-bg-subtle);border-bottom:1px solid var(--tf-field-border);align-items:center;gap:.5rem;padding:.3rem .5rem;display:flex}.why-tf__mock__editor__tool{color:var(--tf-text-muted);font-size:.65rem;font-weight:700}.why-tf__mock__editor__tool--italic{font-style:italic}.why-tf__mock__editor__body{height:2.2rem;padding:var(--tf-field-padding);color:var(--tf-input-text);font-size:.8rem;position:relative;overflow:hidden}.why-tf__mock__field{flex-direction:column;gap:.25rem;display:flex}.why-tf__mock__field--error .why-tf__mock__field__label{color:var(--tf-error)}.why-tf__mock__field--error .why-tf__mock__field__box{border-color:var(--tf-error)}.why-tf__mock__field__label-row{justify-content:space-between;align-items:baseline;display:flex}.why-tf__mock__field__label{text-transform:uppercase;letter-spacing:-.5px;color:var(--tf-text-muted);font-size:.8125rem;font-weight:600}.why-tf__mock__field__required{text-transform:uppercase;color:var(--tf-error);font-size:.6rem;font-weight:700}.why-tf__mock__field__box{box-sizing:border-box;width:100%;height:2.5rem;color:var(--tf-input-text);background-color:var(--tf-field-bg);border:2px solid var(--tf-field-border);border-radius:var(--tf-field-radius);padding:var(--tf-field-padding);align-items:center;font-size:1rem;display:flex}.why-tf__mock__field__value{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.why-tf__mock__field__value--wrap{white-space:normal;text-overflow:clip;overflow:visible}.why-tf__mock__field__placeholder{white-space:nowrap;text-overflow:ellipsis;min-width:0;color:color-mix(in srgb, var(--tf-text-muted) 60%, transparent);flex:1;overflow:hidden}.why-tf__mock__field__caret{background:var(--tf-primary);flex-shrink:0;width:1px;height:1em;margin-left:1px;animation:.85s step-end infinite tf-caret-blink}.why-tf__mock__inbox{flex-direction:column;gap:.75rem;display:flex}.why-tf__mock__message{border-radius:var(--tf-radius-input);background:var(--tf-bg-card);box-shadow:var(--tf-shadow-sm);align-items:center;gap:.75rem;padding:1rem;display:flex}.why-tf__mock__message--muted{opacity:.5}.why-tf__mock__message--new{box-shadow:0 0 0 2px color-mix(in srgb, var(--tf-primary) 25%, transparent),var(--tf-shadow-sm)}.why-tf__mock__unread-dot{background:var(--tf-primary);border-radius:50%;flex-shrink:0;width:8px;height:8px}.why-tf__mock__avatar{background:var(--tf-color-brand-subtle);border-radius:50%;flex-shrink:0;width:32px;height:32px}.why-tf__mock__message__lines{flex-direction:column;flex:1;gap:.5rem;min-width:0;display:flex}.why-tf__mock__message__name{color:var(--tf-input-text);white-space:nowrap;text-overflow:ellipsis;font-size:.8125rem;font-weight:700;overflow:hidden}.why-tf__mock__message__subject{color:var(--tf-text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:.75rem;overflow:hidden}.why-tf__mock__line{border-radius:var(--tf-radius-pill);background:color-mix(in srgb, var(--tf-text-muted) 25%, transparent);height:8px;display:block}.why-tf__mock__line--name{width:40%}.why-tf__mock__line--subject{width:75%}.why-tf__mock__template-track{flex:1;width:200%;min-height:0;transition:transform .6s cubic-bezier(.16,1,.3,1);display:flex;transform:translate(0)}.why-tf__mock__template-track[data-pane=preview]{transform:translate(-50%)}.why-tf__mock__template-pane{box-sizing:border-box;flex-direction:column;flex-shrink:0;gap:.75rem;width:50%;padding:0 .75rem;display:flex}.why-tf__mock__template-pane:first-child{padding-left:0}.why-tf__mock__template-pane:last-child{padding-right:0}.why-tf__mock__template-pane__title{color:var(--tf-text-primary);font-size:.8125rem;font-weight:700}.why-tf__mock__template-grid{grid-template-columns:repeat(2,1fr);gap:.6rem;display:grid}.why-tf__mock__template-card{border-radius:var(--tf-radius-input);transition:border-color var(--tf-transition-time) var(--tf-transition-ease);border:2px solid #0000;flex-direction:column;gap:.4rem;padding:.4rem;display:flex}.why-tf__mock__template-card--selected{border-color:var(--tf-primary)}.why-tf__mock__template-card__thumb{aspect-ratio:4/3;border-radius:calc(var(--tf-radius-input) - 2px);background:color-mix(in srgb, var(--accent,var(--tf-primary)) 18%, transparent);border:1px solid color-mix(in srgb, var(--accent,var(--tf-primary)) 40%, transparent)}.why-tf__mock__template-card__name{color:var(--tf-text-muted);font-size:.7rem;font-weight:600}.why-tf__mock__template-preview{border-radius:var(--tf-radius-input);background:var(--tf-bg-subtle);flex-direction:column;flex:1;justify-content:center;gap:.6rem;padding:.75rem;display:flex}.why-tf__mock__template-line{border-radius:var(--tf-radius-pill);background:var(--accent,var(--tf-primary));height:10px;transition:background var(--tf-transition-time) var(--tf-transition-ease);display:block}.why-tf__mock__template-line--title{width:55%;height:14px}.why-tf__mock__template-line--body{opacity:.5;width:90%}.why-tf__mock__template-line--short{width:60%}.confetti-piece{background:var(--piece-color,var(--tf-primary));opacity:0;width:5px;height:8px;animation:.8s ease-out forwards tf-confetti-burst;animation-delay:var(--piece-delay,0s);border-radius:1px;position:absolute}@keyframes tf-progress-fill{0%{width:0%}to{width:100%}}@keyframes tf-caret-blink{50%{opacity:0}}@keyframes tf-check-pop{0%{opacity:0;transform:scale(0)}60%{opacity:1;transform:scale(1.15)}to{opacity:1;transform:scale(1)}}@keyframes tf-line-reveal{to{opacity:1;transform:scaleX(1)}}@keyframes tf-confetti-burst{0%{opacity:1;transform:translate(0)rotate(0)}to{transform:translate(var(--piece-x,0), var(--piece-y,40px)) rotate(var(--piece-r,180deg));opacity:0}}@media (prefers-reduced-motion:reduce){.why-tf__mock__caret,.why-tf__mock__field__caret,.why-tf__mock__progress,.confetti-piece{display:none!important}.why-tf__mock__check,.why-tf__mock__skeleton-line{opacity:1!important;animation:none!important;transform:none!important}}