/* Onact 3.1: consistent vectors, balanced spacing and restrained, accessible motion. */
.ti-root{--onact-ease:cubic-bezier(.2,.7,.25,1);--onact-focus:#5138fb}
.ti-root .onact-icon{display:inline-block;flex:none;vertical-align:-.2em;width:1.2em;height:1.2em;overflow:visible;pointer-events:none}
.ti-root .onact-mark{display:block;flex:none;width:40px;height:40px;border-radius:12px}
.ti-root .brand-mark,.ti-root .ti-logo{display:inline-flex;background:none;box-shadow:none;width:auto;height:auto;margin:0;padding:0;flex:none}
.ti-root .brand,.ti-root .ti-brand{display:inline-flex;align-items:center;gap:10px;letter-spacing:-.045em}
.ti-root .brand-dot,.ti-root .ti-brand>b{color:var(--accent,var(--ti-accent,#5138fb))}
.ti-root .brand-upload{max-width:180px;height:auto;max-height:44px;object-fit:contain}
.ti-root .button,.ti-root .ti-button,.ti-root .act3-primary,.ti-root .act3-secondary,.ti-root .ex-button{display:inline-flex;align-items:center;justify-content:center;gap:9px;vertical-align:middle;transition:transform .2s var(--onact-ease),box-shadow .2s var(--onact-ease),background-color .2s,border-color .2s}
.ti-root .text-link,.ti-root .ti-text-link{display:inline-flex;align-items:center;gap:7px}
.ti-root .onact-arrow{width:18px;height:18px;transition:transform .2s var(--onact-ease)}
.ti-root .menu-toggle,.ti-root .ti-menu{align-items:center;justify-content:center;min-width:44px;min-height:44px}
.ti-root :where(a,button,input,select,textarea,summary):focus-visible{outline:3px solid var(--onact-focus);outline-offset:4px}
.ti-root :where(button,a){-webkit-tap-highlight-color:transparent}
.ti-root .formats-section{padding-top:48px;padding-bottom:48px}
.ti-root .how-section{padding-top:40px;padding-bottom:48px}
.ti-root .discover-strip{padding-top:40px;padding-bottom:56px}
.ti-root .section-heading{margin-bottom:28px;gap:20px}
.ti-root .section-heading h2{max-width:950px;line-height:1.12;letter-spacing:-.04em;text-wrap:balance}
.ti-root .section-heading p{max-width:720px;line-height:1.7}
.ti-root .template-grid{gap:18px}
.ti-root .template-card{min-height:174px;padding:24px;border-radius:20px;transition:transform .22s var(--onact-ease),box-shadow .22s var(--onact-ease),border-color .22s;background:linear-gradient(145deg,#fff,#fdfdff)}
.ti-root .template-icon{display:flex;align-items:center;justify-content:center;width:46px;height:46px;margin-bottom:18px;border-radius:14px}
.ti-root .template-icon .onact-icon{width:24px;height:24px}
.ti-root .template-arrow{display:flex;align-items:center;justify-content:center;top:22px;right:20px;width:28px;height:28px;border-radius:50%;color:#7461d4;background:#f5f2ff}
.ti-root .template-arrow .onact-icon{width:16px;height:16px}
.ti-root .template-name{line-height:1.35;margin-bottom:7px}
.ti-root .template-description{line-height:1.6;padding-right:4px}
.ti-root .step-grid{gap:20px}
.ti-root .step-card{position:relative;min-height:0;padding:28px;border-radius:22px;background:linear-gradient(145deg,#fff,#fcfcff);transition:transform .22s var(--onact-ease),box-shadow .22s var(--onact-ease),border-color .22s}
.ti-root .step-number{position:absolute;right:26px;top:26px;color:#73618d;font-size:12px;letter-spacing:.12em;font-weight:700}
.ti-root .step-icon{display:flex;align-items:center;justify-content:center;width:52px;height:52px;margin:0 0 24px;border-radius:16px;background:#f0ebff;color:#6549e8}
.ti-root .step-icon .onact-icon{width:26px;height:26px}
.ti-root .step-card h3{font-size:22px;line-height:1.3;margin:0 0 12px;letter-spacing:-.035em}
.ti-root .step-card p{margin:0;line-height:1.75;max-width:34ch}
.ti-root .act3-feature-grid{gap:20px;margin-top:0}
.ti-root .act3-feature-card{padding:26px;border:1px solid #e2e6f5;border-radius:22px;background:#fff;box-shadow:0 8px 26px #40398706;transition:transform .22s var(--onact-ease),box-shadow .22s var(--onact-ease),border-color .22s}
.ti-root .act3-feature-card>span{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:13px;background:#edf3ff;color:#547ce5;margin-bottom:20px}
.ti-root .act3-feature-card>span .onact-icon{width:23px;height:23px}
.ti-root .act3-feature-card h3{line-height:1.35;letter-spacing:-.025em;margin:0 0 10px}
.ti-root .act3-feature-card p{line-height:1.75;margin-bottom:20px}
.ti-root .act3-feature-card b{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:#5138cf}
.ti-root .experience-card,.ti-root .ti-post-card,.ti-root .price-card{transition:transform .22s var(--onact-ease),box-shadow .22s var(--onact-ease),border-color .22s}
.ti-root .ex-icon .onact-icon{width:26px;height:26px}
.ti-root .home-empty>span>.onact-icon,.ti-root .empty-state>span>.onact-icon{width:30px;height:30px}
.ti-root .story-flow>div>span{display:flex;align-items:center;justify-content:center}
.ti-root .story-flow>div>span>.onact-icon{width:24px;height:24px}
.ti-root .story-flow>b{color:#a89ccb}
.ti-root .list-meta .onact-icon{width:15px;height:15px;margin-right:4px}
.ti-root .act3-assistant{border-radius:24px;box-shadow:0 24px 80px #1e164c2b;border-color:#ddd8f4}
.ti-root .act3-assistant-head{gap:14px;padding-bottom:12px;border-bottom:1px solid #ece9f6}
.ti-root .act3-assistant-head h2{font-size:20px;line-height:1.3;letter-spacing:-.025em;margin:0}
.ti-root .act3-assistant>p{margin:0;line-height:1.6}
.ti-root .act3-assistant textarea{display:block;width:100%;box-sizing:border-box;min-height:76px;resize:vertical;border-radius:14px;line-height:1.55;padding:12px 14px}
.ti-root .act3-assistant form>label{display:block;font-size:13px;font-weight:650;margin-bottom:7px}
.ti-root .act3-assistant-log{border-radius:16px;background:#f8f7fc;padding:12px}
.ti-root .act3-assistant-toggle{display:inline-flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 8px 28px #5138fb38;transition:transform .2s var(--onact-ease),box-shadow .2s}
.ti-root .act3-chat-answer p{line-height:1.7}
.ti-root .onact-help-intro{max-width:780px;margin:0 auto 32px;text-align:center}
.ti-root .onact-help-intro h1{letter-spacing:-.045em;text-wrap:balance}
.ti-root .onact-help-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:28px 0 48px}
.ti-root .onact-faq{border:1px solid #e2e6f5;border-radius:18px;background:#fff;scroll-margin-top:100px}
.ti-root .onact-faq summary{cursor:pointer;padding:20px 22px;font-weight:650;line-height:1.5}
.ti-root .onact-faq p{padding:0 22px 22px;margin:0;color:#4c5877;line-height:1.8}
@media(hover:hover) and (pointer:fine){
 .ti-root :where(.template-card,.step-card,.act3-feature-card,.experience-card,.ti-post-card):hover{transform:translateY(-4px);box-shadow:0 16px 40px #5138fb14;border-color:#c9c0f5}
 .ti-root :where(.button,.ti-button,.act3-primary,.ex-button):hover{transform:translateY(-2px);box-shadow:0 7px 18px #5138fb25}
 .ti-root :where(a,button):hover>.onact-arrow,.ti-root .template-card:hover .onact-arrow{transform:translate(2px,-2px)}
 .ti-root .act3-assistant-toggle:hover{transform:translateY(-2px);box-shadow:0 12px 32px #5138fb40}
}
@media(max-width:760px){
 .ti-root .formats-section,.ti-root .how-section{padding-top:32px;padding-bottom:32px}
 .ti-root .discover-strip{padding-top:32px;padding-bottom:32px}
 .ti-root .step-card,.ti-root .act3-feature-card{padding:24px}
 .ti-root .step-icon{margin-bottom:20px}
 .ti-root .template-grid{gap:14px}
 .ti-root .template-card{padding:20px;min-height:164px}
 .ti-root .template-arrow{top:18px;right:16px}
 .ti-root .section-heading h2{font-size:clamp(28px,6.5vw,40px)}
 .ti-root .onact-help-grid{grid-template-columns:1fr}
 .ti-root .onact-mark{width:34px;height:34px;border-radius:10px}
}
@media(prefers-reduced-motion:reduce){
 .ti-root *,.ti-root *::before,.ti-root *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
 .ti-root :where(.template-card,.step-card,.act3-feature-card,.experience-card,.ti-post-card,.button,.ti-button,.act3-primary,.ex-button,.act3-assistant-toggle):hover,.ti-root .onact-arrow{transform:none!important}
}

.ti-root .hero-usecase-icon{display:flex;align-items:center;justify-content:center}.ti-root .hero-usecase-icon .onact-icon{width:24px;height:24px}.ti-root .hero-promise .onact-icon{width:13px;height:13px}.ti-root .act3-feature-card{display:flex;flex-direction:column}.ti-root .act3-feature-card>b{margin-top:auto;padding-top:8px}

@keyframes onact-arrive{from{opacity:.85;translate:0 8px}to{opacity:1;translate:0 0}}
@media(prefers-reduced-motion:no-preference){.ti-root .onact-arrived{animation:onact-arrive .38s var(--onact-ease) both}}
.ti-root.onact-motion-off *,.ti-root.onact-motion-off *::before,.ti-root.onact-motion-off *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
.ti-root.onact-motion-off :hover,.ti-root.onact-motion-off .onact-arrow{transform:none!important}

.ti-root .onact-help-intro a{text-decoration:underline;text-underline-offset:3px}.ti-root .onact-wordmark{white-space:nowrap}.ti-root .onact-wordmark b{color:#10b897}.ti-root .ti-footer .onact-mark{width:32px;height:32px}

.ti-root .footer-brand{display:inline-flex;align-items:center;gap:9px}.ti-root .footer-brand .onact-mark{width:32px;height:32px}.ti-root .footer-brand .onact-wordmark{display:inline;color:inherit}
@media(hover:hover) and (pointer:fine){.ti-root :where(a,button):hover>.onact-icon[data-icon="arrow-left"]{transform:translate(-2px,0)}.ti-root :where(a,button):hover>.onact-icon[data-icon="arrow-right"]{transform:translate(2px,0)}}